A Collection of Awesome CSS3 Hover Effects

Hover.css is a collection of CSS3 powered hover effects created by Ian Lunn. It is available in CSS and SASS.

Types of Effects

There are currently 5 types of effects

  • 2D Transforms
  • Border Transitions
  • Shadow and Glow Transitions
  • Speech Bubbles
  • Curls


2D Transform hover effects in action.


Firstly include the hover-min.css in your document head.


For example if you want to use the pulse effect, you can add the class to the element of your choice.

This is a cool effect!

Github: https://github.com/IanLunn/Hover
License: MIT

Leave a Reply

Your email address will not be published. Required fields are marked *