Welcome, Guest

TOPIC: Adding Infinite Animation on Hover

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

eLEOPARD
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.