11 jQuery Image Effects

About a code

Photostacks

A picture gallery inspired by a stack of photographs. Designed to be used as part of editorial/long-form writing as an alternative to a slideshow.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

Image Hover Effect with CSS Filter

Image transforms with CSS filter and interacts on mouseover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: gsap.js

About a code

Split Image in Tiles

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: dat.gui.js

About a code

#1577 - Image Hover

Image with title and subtitle on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

#1573 - Image Hover

Image with button on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

#1566 - Image Hover

Rounded images with icon on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

IOS 10 Style Shadows

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

GSAP Image Tilt Effect on Hover with Image Layers

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: tweenmax.js

About a code

#1477 - Image Hover

Image and title with caption on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

#1325 - Image Hover

Image with slow pan right on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

Tracking Image Hover Effect

Mouse hover effect that tracks the users mouse and moves the image along with it.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -