A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
I love hover.css but the usage of the icons is not good at all!
I decided to fork and just to do it my way. Now I can use easily different icon packs and different icons from font awesome. Maybe this commit will help you to create the perfect way.
How to
Hover.css icons are added to elements via the classes .fa or .hover-icon:
<a href="#" class="hvr-icon-spin"><i class="fa fa-refresh"></i> My Text</a>
OR
<a href="#" class="hvr-icon-spin"><span class="glyphicon glyphicon-search hover-icon"></span> My Text</a>
Issues
Icon Float Away and Icon Sink Away are displayed differently after my edits
I love hover.css but the usage of the icons is not good at all!
I decided to fork and just to do it my way. Now I can use easily different icon packs and different icons from font awesome. Maybe this commit will help you to create the perfect way.
How to
Hover.css icons are added to elements via the classes .fa or .hover-icon:
OR
Issues
Icon Float Away and Icon Sink Away are displayed differently after my edits