A Collection of Awesome CSS3 Hover Effects

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.

    <link href="css/hover-min.css" rel="stylesheet">

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

<a class="pulse">This is a cool effect!</a>
Github: https://github.com/IanLunn/Hover
License: MIT