image gallery Design Inspiration - HTML & CSS Snippets | Page 2 of 5 Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Vertical Split Image Slideshow

August 18, 2017

This is a fancy little slideshow where the image splits into two vertically. The left side moves down and the right side moves up. It was designed by Fabio...

image effects image gallery scroll animation slider split screen

Image Grid with KenBurns and Description on Hover

August 18, 2017

This Pure CSS image gallery was designed by Giana, it offers direction aware hover effect by bringing up the description associated with each image and a ken burns effect...

direction aware hidden content hover animation image effects image gallery Ken Burns pure css

Blurry Lazy Load Images

June 27, 2017

We have seen a Pinterest inspired prominent colour skeleton screens for images and this snippet by Derek Morash allows you to lazy load images with a blur effect.

blur effect card ui hover animation image effects image gallery

Slide and Expand Vertical Image Gallery

June 07, 2017

This image gallery snippet was designed by Dudley Storey. You see a vertical section where each image is cropped to be a part of a stack when you click...

click animation image effects image gallery

SVG Animation for Carousel Indicators

May 31, 2017

With this snippet, you can add some pretty animation to the carousel indicator on the image gallery. You morph circular SVG line into a straight line and morphs back...

click animation image gallery SVG

Pages: 1 2 3 4 5

scroll to top

24 image-gallery UI Inspiration

HTML, CSS Code Snippets for image gallery