IanLunn / Hover

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.
http://ianlunn.github.io/Hover/
Other
29.25k stars 5.78k forks source link

Better solution for using icons #64

Closed kvnxdev closed 6 years ago

kvnxdev commented 9 years ago

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

mcdanielisaac commented 6 years ago

Any chance this pull request will be merged into @IanLunn's original repository?