Animated Font Awesome Icons with Pure CSS3

Category: Animation , CSS & CSS3 | June 13, 2018
Views Total:10,127 views
Official Page:Go to website
Last Update:June 13, 2018


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>


v0.2.1 (06/13/2018)

  • Supports Font Awesome 5

You Might Be Interested In:

Leave a Reply