New to Anima? Create an account for free!
A Hover Effect happens when a visitor hovers their mouse over a specific element and the element responds with transition effects. In this guide, we will show you how to create beautiful and eye-catching hover effects by using the Anima plugin within Figma!
Creating a Hover Effect in Figma:
Select the layer(s) you want to add the effect to
In the Anima plugin, choose Hover Effects
Select the desired effect, or enter your own CSS transition
Hover effects include 'change color', 'grow', 'shadow', 'rotate' and more 🚀!
You can hover over the preview to see how it will look 👌🏼
See it in action!
Preview Live Website: [Open]
Don't forget to preview or sync your design with Anima in order to see the hover effects come to life!
Get involved in our Anima Community Forum!
New to Anima?