Today we are going to create a pure CSS image gallery, including a description of each image, from scratch. There are many advantages to using a CSS image gallery as opposed to a JavaScript gallery. For one, you need not worry about learning JavaScript or finding a quality script, and you also needn't worry if the user has JavaScript Disabled. One of the original pure CSS image galleries may be found at CSS Play, which features a CSS gallery with the images on the bottom and no descriptions.

For this gallery, we will build a gallery with images on the left and text that describes the photo on hover. You may view the final outcome here.