Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 15, 2014 at 10:49 pm #251832
    BeeCee

    Hi,

    How can I achieve such an “sonarEffect” on hovering over this font icon, like here the “Facebook” circle:
    http://www.chris-kettner.de/

    I have added it like this:


    but this has not such “sonarEffect”, when hovering it.

    (Note: cannot show it live, my site is still under construction)

    The backend settings for the font icons shows me nothing where to choose such hovering effect.

    Any idea please? Thanks!

    April 15, 2014 at 11:00 pm #251840
    BeeCee

    SOLVED:

    found this here to add to the custom.css:

    /* Animated Icons */
.av_font_icon span:hover:after {
-webkit-animation: sonarEffect 1s ease-out;
-moz-animation: sonarEffect 1s ease-out;
animation: sonarEffect 1s ease-out;
}
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Animated Font Icons: how to make such "sonarEffect"?’ is closed to new replies.