33 Image Gallery Design Inspiration - HTML & CSS Snippets Ξ Page 2 Of 7 Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Intersection Observer Zoom Image Only When It’s In View

Here is a pretty cool zoom-in image view as you scroll down the page effect by Chris Weissenberger, that uses Intersection Observer to zoom the image only when it...

card ui image effects image gallery scroll animation zoom

Drag Image Slider with Water Distortion Effect using WebGL

A really cool image slider that turns greyscale and creates a stunning blur effect that mimics flowing water as you click and drag the image. This epic effect was...

anime.js blur effect canvas distortion effect drag animation image effects image gallery image slider webgl

Two-sided magazine layout with a flat page flip animation

In this book flip animation, we have a 2 column magazine-style layout, there is a menu you can use to jump between pages. The flip animation is very flat...

book inspired gsap image gallery page transition

PhotoSwipe JavaScript Image Gallery Plugin

PhotoSwipe is a JavaScript Image Gallery Plugin with no dependencies that works on mobile an desktop devices. It supports a lot of awesome features including touch gestures.

grid layout image effects image gallery lightbox

Image Grid with KenBurns and Description on Hover

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...