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


    How can I achieve such an “sonarEffect” on hovering over this font icon, like here the “Facebook” circle:

    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!



    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.