Imagehover.css - Pure CSS Image Hover Effect Library

This library provides 44 free CSS effects with a small file size (19KB), including effects such as top, right, left, zoom in, zoom out, flip, etc. Additionally, you can still purchase a license to use 216 effects.

Basic Usage

  1. Include the stylesheet on your document's `<head>`
  2. Place the following markup in to your HTML document
  3. Edit the URL to your image and add your hover content. Then simply set the imagehover.css class of your choice to the containing figure element. In the example above this has been set to 'imghvr-fade'. A full list of hover effects and their classes can be found [here!](

Previous Post Next Post