Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 14, 2014 at 6:12 pm #251232
    arturocruztorres

    Hello,

    I would like to know how can I animate the Icons like you do in the “A BEAUTIFUL EXPERIENCE!” section of the demo page:
    http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/

    My icons did not animate on hover.

    http://www.adaptixnetworks.com

    Thanks!

    April 15, 2014 at 6:53 am #251446
    Ismael

    Hey arturocruztorres!

    Thank you for using the theme!

    I’m sorry but the sonar effect will only work if you added a link to the icons.

    Regards,
    Ismael

    April 15, 2014 at 6:56 am #251449
    Ismael

    Hey!

    Ok, you can add this on Quick CSS or custom.css in order to add the effect on icons without links:

    .av_font_icon span:hover:after {
-webkit-animation: sonarEffect 1s ease-out;
-moz-animation: sonarEffect 1s ease-out;
animation: sonarEffect 1s ease-out;
}

    The sonarEffect is white so you might want to change the background color in order to see the effect.

    Best regards,
    Ismael

    April 16, 2014 at 4:55 pm #252206
    arturocruztorres
    This reply has been marked as private.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘how to animate icon?’ is closed to new replies.