- Anima for Figma
- Install Plugin
- Create a Project
- Preview & Sync Project
- Upgrade Teams
- Sample File & Tutorials
- Anima for Figma
- Flow
- Responsive Design
- Smart Layers
- Links
- Breakpoints
- Set Homepage
- Hover Effects
- Entrance Animation
- Fixed Position
- Forms & Text Input
- Videos/GIF/Lottie
- Embed Code
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Custom Domains
- Analytics
- Project Settings
Getting Started
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
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.
Create a Hover Effect
- Select the layer(s) you want to add the effect to
- Under the Smart Layers section, select Hover Effect
- Select the desired Hover effect, or enter your own CSS transition
- Click Save
TIP:
- For better results, get to know animation variables such as Curve, Delay, and Duration
Hover Effect Examples
- Preview Live Website: [Open]
- Figma Sample File: [Download]
Caught a mistake or want to contribute to the documentation?
Edit this page on Github!