search

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

Decouple FontAwesome? #59

Closed moneytree-doug closed 6 years ago

moneytree-doug commented 9 years ago

I have my own web font, and it would be really awesome if I can just throw these classes on to my existing icons and have the effects added to it.

kvnxdev commented 9 years ago

I had the same problem like you so I decided to fork and edit it. Maybe this version is interesting for you: Fork: https://github.com/kvnxdev/Hover How To: https://github.com/kvnxdev/Hover#using-fontawesome-with-icon-effects

moneytree-doug commented 9 years ago

@kvnxdev Thanks for the comment, I'll check it out!

gregoryagu commented 8 years ago

@kvnxdev Can you explain how your fork can be used with Google Material icons? I looked at the link in you posted, but it appears to be the same readme as the original. I didn't see anything about using a different font.

IanLunn commented 6 years ago

You can now do this in v2.3.0 by putting hvr-icon on your icon and the effect you want on the parent element. Example:

<a href="#" class="hvr-icon-spin">
  Icon Spin
  <img src="myicon.svg" class="hvr-icon" />
</a>
gregoryagu commented 6 years ago

That's HoverAwesome!