svg animation

Create a new SVG animation now!

New project

Animate on click

You will find this interactive 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

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

More articles:

Animate on scroll

Animate on mouse over

Logo animation maker


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