Hover.CSS : Collection of CSS3 Powered Hover Effects

hover-css

Hover.CSS is a useful collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

hover.css can be used in a number of ways; either copy and paste the effect you’d like to use in your own stylesheet or reference the stylesheet. Then just add the class name of the effect to the element you’d like it applied to. If you plan on only using one or several effects, it’s better practice to copy and paste an effect into your own stylesheet, so a user doesn’t have to download hover.css in its entirety.

All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS and SASS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don’t support these features may need some extra attention to be certain a fallback hover effect is still in place.

[button color=”blue” size=”medium” link=”http://ianlunn.github.io/Hover/” target=”blank” ]Hover.CSS[/button]

Hover.CSS : Collection of CSS3 Powered Hover Effects
Rate this post

One Response

  1. Jacobus Lavooij January 12, 2014 Reply

Leave a Reply