CSS Animated Font Awesome Icons

Kevin

Oooh, something shiny!
Joined
Jul 13, 2004
Messages
3,455
The alerts bell is what you want. And have you seen how the alerts bell works yet, lol. It swings like a bell when you have any alerts.
I was curious what it would take to do something like that in XF and, surprisingly, it was easier than I initially thought it'd be since somebody created some CSS for that very purpose. :tup:

For anybody wanting to play around with it, here are some links to get you started...


Here's a quick screengrab (done with LICEcap) showing it implemented along with animating the inbox icon.

Animated User Icons.gif
 

Tagobs

Aspirant
Joined
Sep 18, 2016
Messages
35
I read the title and was kind of sceptic, but seeing it in action it actually could be really great to add to a future website! Going to mess around with this for sure!
 
Top