147 image-effects UI Design Examples

AMP Stories 2020

Image Effect Design Inspiration

With modern browsers, there are a lot of cool ways in which you can showcase images on your website. In this section, we have handpicked a few of the best ways you can use images on websites. You can find inspiration for images galleries, image sliders and much more.

Image Animation Examples

Last modified on: Thu, 01 Jan 1970 00:00:00 +0000

HTML, CSS Code Snippets for image effects

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

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

Vertical Split Image Slideshow

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 image slider scroll animation split screen

3D Direction Aware Image Slider

Want a really slick 3D image slider with some really impressive direction-aware hover effect? Have a look at this snippet designed by Alex Nozdriukhin.