imagehover.css: 40+ Image Hover Effects In Pure CSS


imagehover.css is a lightweight yet robust CSS library helps you create over 40 amazing hover effects on images using HTML5 / CSS /CSS3.

Live Demo

Download Page

Available hover effects:

  • imghvr-fade
  • imghvr-push-up
  • imghvr-push-down
  • imghvr-push-left
  • imghvr-push-right
  • imghvr-slide-up
  • imghvr-slide-down
  • imghvr-slide-left
  • imghvr-slide-right
  • imghvr-reveal-up
  • imghvr-reveal-down
  • imghvr-reveal-left
  • imghvr-reveal-right
  • imghvr-hinge-up
  • imghvr-hinge-down
  • imghvr-hinge-left
  • imghvr-hinge-right
  • imghvr-flip-horiz
  • imghvr-flip-vert
  • imghvr-flip-diag-1
  • imghvr-flip-diag-2
  • imghvr-shutter-out-horiz
  • imghvr-shutter-out-vert
  • imghvr-shutter-out-diag-1
  • imghvr-shutter-out-diag-2
  • imghvr-shutter-in-horiz
  • imghvr-shutter-in-vert
  • imghvr-shutter-in-out-horiz
  • imghvr-shutter-in-out-vert
  • imghvr-shutter-in-out-diag-1
  • imghvr-shutter-in-out-diag-2
  • imghvr-fold-up
  • imghvr-fold-down
  • imghvr-fold-left
  • imghvr-fold-right
  • imghvr-zoom-in
  • imghvr-zoom-out
  • imghvr-zoom-out-up
  • imghvr-zoom-out-down
  • imghvr-zoom-out-left
  • imghvr-zoom-out-right
  • imghvr-zoom-out-flip-horiz
  • imghvr-zoom-out-flip-vert
  • imghvr-blur

Preview:

imagehover.css