wpengine

wpengine

Welcome, Guest
Username: Password: Remember me

TOPIC: Adding Infinite Animation on Hover

Adding Infinite Animation on Hover 8 years 5 months ago #587

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Infinite Animation of hover can be added by following these simple steps.

Step 1:
Go to Settings > Animate It! > Custom CSS and paste this CSS rule:
.infinite-hover:hover{
    -webkit-animation-iteration-count: infinite !important; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite !important;
}

Step 2
Now add the required animation. Select "on hover" in the last tab and enter infinite-hover in the custom CSS as shown in the image below.



Please note that this would over-ride the Animation Repeat you set. So just leave it an Once.

This should add an infinite animation when you hover over the element.
The administrator has disabled public write access.
Time to create page: 0.081 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)