CSS Animated Font Awesome Icons

[Kevin]

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.

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

Github Source: http://l-lin.github.io/font-awesome-animation/
Codepen Example: https://codepen.io/kruxor/pen/tzqEn​

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

 

[Tagobs]

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!

 

[Felipe01]

I tried with this before.

 

[Famous]

I have to admit that is rather cool!

 

[Igneous]

Bell one is my favourite!

 

[insaneadmin]

Thanks for this, adds a nice cartoon-like little touch to things.