svg animation

Create a new SVG animation now!

New project

Animate on mouse over

You can set the animation to start on mouse over and choose whether you want it to freeze or restart on mouse out. You will find these options by clicking on the Gear icon in the top right corner of the app.

svg animation

These options are supported by both JavaScript and CSS.

svg animation

Please note that you will have to export the file or to click on the preview button in the top right corner to actually see how these options work:

svg animation

More articles:

Animate on click

Animate on scroll

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