The plugin “MorphSVG” allows you to create an animation between two .SVG format images.
Here are the different options that we’ll cover in this tutorial :
- Add a MorphSVG
- MorphSVG Parameters
Add a MorphSVG on a page
- To add a button, click the “+” icon in the top-left menu of your page editor. A list of available media appears, click on “MorphSVG”
- MorphSVG appears, you can now set it up.
- First, add two images with .SVG formats to create your animation. The left image will slowly transform into the right image
- You can set a length for the animation, effects, choose to trigger an action on another element on the page with a click and repeat the action in the opposite direction.