There are many tutorials on how to create image galleries and one of these that I found easy to follow is by Jake of Vandelay Design. His creation of making a standard-compliant HTML/CSS3 image gallery with dynamic fading caption text is a great addition to your design projects.
In his tutorial, the CSS3 part is easy enough for beginners, and for its HTML5, figure/figcaption syntax is used.
The animation effects are done with CSS3.
Hope you enjoy this beautiful tutorial!
What’s awesome with Jake’s creation is that much of the code can be copied/pasted to your documents and still works great. It’s also customizable so if you have any ideas to apply on this layout, you can add it up.