Help Center
>
Animation and interactivity
>
Animate on click

Animate on click


You will find this interactive animation export option in the Export Settings panel. If you set the animation to start on click, you can also control what happens on the second click. You can choose from options such as Pause, Restart, Reverse or Continue.

These options are great for toggle buttons, hamburger menus, and illustrations for certain features or services on your website.

You will find these options by clicking on the Export button or the Preview settings in the top right corner of the app.

animate on click
Select On click option from Animation Start panel

To start your animation on click, you must select JavaScript as the animation type, because CSS doesn't support this feature.

More articles:

How to Animate the SVG on Scroll | SVGator Help
Learn how to animate on scroll in SVGator. Choose this option in the Export panel and the animation will start when it’s visible in the viewport.
SVGator
How to Animate on Mouse Over? | SVGator Help
Learn how to animate on mouse over using SVGator! This tutorial will help you out, read the article and follow the required steps.
SVGator

Still got questions? Send us an email to contact@svgator.com and we will get back to you as soon as we can.