Animated Circle Gallery
May 14th 2012
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.
Subscribe to our weekly newsletter to receive the latest freebies in your inbox! (see an example)
How it Works
It’s pretty simple. Any free resources are just that — completely free for you to use, incorporate in your designs, and build upon. Go nuts!
Featured commercial resources are available through the Envato marketplaces, which we love. Find out more.