In this Framer tutorial, we show you how to change the styling of your button on hover.
Why are button hover effects important?
Hover effects make it clear to users that the buttons you’ve added to your site are both active and clickable. If you master hover effects for buttons, your CTAs can become that much more alluring and lead to better conversions.
Quick steps
- Select your button
- Navigate to ‘Effects’ in the right-hand panel and select the plus icon
- Select ‘Hover’ from the pop-up options
- Adjust effects like Opacity, Scale and Fill
- Check the final result in the Preview tab
