Column Image Gallery with Click to Expand

Image: Column Image Gallery with Click to Expand GIF

A pretty cool image gallery designed by Nikolay Talanov. There are five images in a column like layout, on hover you see the number overlayed on the image. When you click on it the image expands and takes the full width of 5 columns. This is a great animation for a hero section image slider.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen Cool Layout with Complex Chainable Animation by Nikolay Talanov (@suez) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.