Image galleries are mostly consist of tons of images with captions and a link with them. Image galleries can be used as porfolio use, photographs posting or screenshot display. No matter for what you use it, I am going to step by step describe how to create a image gallery using CSS3.
HTMLFirst you need a markup, for markup you need an outer wrapper (
galleryin the demo). Secondly, make an outer wrapper for each photo (
boxin the demo) . Every photo container will have main two elements, that is the image and content (appear on hover).
<!-- Box for each image --> <div class='box'>
<!-- Box for each image Ends -->