Animated Font Awesome Icons with Pure CSS3

An awesome CSS animation library that allows you to animate glyphicons like Font Awesome by using CSS3 transforms, animations and keyframes.

Supports modern web browsers that support CSS 3 animation properties and mobile browsers.

Currently, support the latest Font Awesome 5.

How to use it:

Include the necessary CSS file in the page.

<link rel="stylesheet" href="../src/font-awesome-animation.css">

Include the latest FontAwesome from a CDN.

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

Animate an icon on DOM load

<i class="fa fa-wrench faa-wrench animated"></i>

Animate an icon on mouse hover

<i class="fa fa-wrench faa-wrench animated-hover"></i>

Changelog:

v0.2.1 (06/13/2018)

• Supports Font Awesome 5