Here is how to add animations in Webflow:
- Begin by selecting an element you wish to add animation to.
- Go to the Interactions tab on the right sidebar menu.
- Select a type of trigger for your animation.
- In this example we'll trigger an animation using a simple click. To do so, select Element trigger using the (+) icon next to it.
- Select Mouse click.
- Mouse click typically contains two options, what happens on first click and then the second click (usually used to reverse it). Click on Action.
- Select from any premade animations or create your own.
- Adjust your animation and click on Preview to see it in action.
- You can use the Preview mode on the top right to interact with it.
- You now have an animation on your button that will make it appear on click.
