Animated Font Awesome Icons with Pure CSS3

Category: Animation , CSS & CSS3 | June 13, 2018
Author: l-lin
Views Total: 11,158
Official Page: Go to website
Last Update: June 13, 2018
License: MIT

Preview:

Animated Font Awesome Icons with Pure CSS3

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

Leave a Reply