Animated Font Awesome Icons with Pure CSS3

Author: l-lin
Views Total: 9,765 views
Official Page: Go to website
Last Update: June 13, 2018
License: MIT


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)

See also  Animated Vertical Tabbed Nav with Pure CSS3

Leave a Reply

Your email address will not be published. Required fields are marked *