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, reverse, or restart on mouse out. You will find these options by clicking on the Gear icon in the top right corner of the app.

animate on hover

These options are supported by both JavaScript and CSS.

animate on hover

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:

animate on hover

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.