Animated Font Awesome Icons with Pure CSS3

Preview:

Description:

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