---
updatedAt: 2026-01-20T12:29:51.000Z
agentTools:
  projectIndex: https://docs.animaapp.com/llms.txt
---

# Hover effects

Adding hover effects to a web site is a great way to draw the attention of the users and make the website to be more engaging.  - <br />

* In Figma, **select the layer** you want to add the effect to
* In the plugin, **select "Hover Effects"**

  ![](https://files.readme.io/d702177c6b15ceb9607c1e0e95c450f9e41873de049d738f98ba92463cd5d0e1-Screenshot_2024-08-28_at_17.01.34.png)
* Select the desired Hover effect, or enter your own CSS transition

  ![](https://files.readme.io/5e4e6457dc63333fa0c94805d54188d559be5a56d31b461fa9cc27e2bb2788de-Screenshot_2024-08-28_at_17.03.01.png)

  ![](https://files.readme.io/eb3d7c9f144ff3d0306dada3ba7335f8ee7fe8994999c4525d1430843fb2dbed-Screenshot_2024-08-28_at_17.03.33.png)
* Click "Save" to save your changes

This is what the result should like (depending on the selected hover effect):

![](https://files.readme.io/75fd9010066ed1188c74a56401271194647b70461a494648655bdc63fe270c4c-ezgif-1-83a4c039e9.gif)