CSS Animated Font Awesome Icons

Discussion in 'HTML, CSS & JavaScript' started by Kevin, Sep 10, 2016.

  1. Kevin

    Kevin Oooh, something shiny!

    3,177
    912
    +933
    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
     
    • Like Like x 11
    • Informative! Informative! x 2
    • List
  2. Tagobs

    Tagobs Aspirant

    36
    13
    +13
    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!
     
  3. Felipe01

    Felipe01 Participant

    51
    13
    +9
    I tried with this before.
     
  4. Joshua26

    Joshua26 Aspirant

    19
    1
    +0
    Great information.
     
  5. Famous

    Famous Aspirant

    14
    8
    +3
    I have to admit that is rather cool!
     
  6. Igneous

    Igneous Aspirant

    47
    13
    +12
    Bell one is my favourite!
     
  7. insaneadmin

    insaneadmin Enthusiast

    154
    105
    +112
    Thanks for this, adds a nice cartoon-like little touch to things.
     
Verification:
Draft saved Draft deleted