Welcome, Guest

TOPIC: Start/stop animation on hover

Start/stop animation on hover 4 years 9 months ago #1661

R Offline New Member Posts: 1 Karma: -2	Hi Is it possible to start and stop the animation with hover?` I have an image that I want to rotate slowly infinitely, which I know is possible. But I want my visitors to stop the animation again. Thanks
	The administrator has disabled public write access.

Start/stop animation on hover 4 years 9 months ago #1663

eLEOPARD
Offline
Administrator
Posts: 409
Thank you received: 54
Karma: -28

Dear R,

Thanks for using the Animate It!
There is no default way in the plugin to stop the animations on hover.

However, you can stop the animations on hover by adding a custom CSS.
Just follow these steps:

1.In the WordPress back-end, paste the following CSS in Settings > Animate It! > Custom CSS Box

.stop-on-hover:hover{
    animation-play-state: paused !important;
}

2. In your animations, add the class stop-on-hover in the Custom CSS class area.
https://www.downloads.eleopard.in/images/animateit-demo/16/wp5.jpg

This should stop the any animation on hover.
You can check the solution in action here:
https://demo.wpdevcloud.com/test-for-r/

Please let me know if this works for you.

The administrator has disabled public write access.