Pure CSS Hover Effect for Thumbnails

Download HTML/CSS/SASS

Simple Example with image

default

dummy

.color-alternate-1

dummy

.color-alternate-2

dummy

Example with .perspective-x and shadow

.perspective-x

dummy

.perspective-x.color-alternate-1

dummy

.perspective-x.color-alternate-2

dummy

Example with .perspective-y and shadow

.perspective-y

dummy

.perspective-y.color-alternate-1

dummy

.perspective-y.color-alternate-2

dummy

Example without images to see how the effect works

default

.color-alternate-1

.color-alternate-2

Andre Firchow | Blog