Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #251832

    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!

    #251840

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Animated Font Icons: how to make such "sonarEffect"?’ is closed to new replies.