β–Ό
Streaming live at 10am (PST)

How to change the speed of a hover effect


#1

Hello,

I almost finished my project and have just one last issue.
I created hover effects for different wrappers on the page. The hover-in effect is fine, just the hover-out effect takes about 1-2 second to fully disappear.
Is there any way to speed up the hover-out effect?

I used Element Trigger – mouse hover – Fade in / fade out

Thanks a lot! :slight_smile:


#2

You aren’t able to change it there but you are able to change the time of hover effects using transitions or by creating an animation. Using animation allows you to set times for different states to happen.

Hope it helps.

Webflow has an amazing section on animations here


#3

Thank you for the quick reply :slight_smile:

I’ll try animations and see if that works.