A Hover Effect happens when the 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 Adobe XD!
Create a Hover Effect in Adobe XD:
Select the layer(s) you want to add the effect to
In the Anima plugin, choose 'Hover effects' and select the desired effect, or enter your own CSS transition
Hover effects include 'change color', 'grow', 'shadow', 'rotate' and more 🚀!
The animated preview will show you how it looks👌🏼
See it in action!
Preview Live Website: [Open]
Get involved in our Anima Community Forum!
New to Anima?