wpengine

wpengine

Welcome, Guest
Username: Password: Remember me

TOPIC: Start/stop animation on hover

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

  • R
  • R's Avatar
  • 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 10 months ago #1663

  • eLEOPARD
  • eLEOPARD's Avatar
  • 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.
Time to create page: 0.223 seconds

Need Customization? Feel free to...

Contact Us

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