Animated Circle Gallery

  • Animated Circle Gallery

This thumbnail gallery utilizes a collection of circular images laid out on a grid. When the user hovers over an image, the background comes to life and a text label pops up. Normally this kind of thing would require CSS background images, but this project allows you to insert your images right into the HTML, which is the ideal route for an image gallery. There are three effects included: pan, zoom in and zoom out. You’ll find full HTML/CSS examples of each included so you can copy and paste the code right into your own project. A full tutorial for this project can be found on Design Shack.”

File Types

  • PSD


A few related resources you might like: