Can't figure out animation

Hi everyone. So all I’m trying to do is just get my Features section (with the 10 buttons below hero/welcome section) to light up blue when I hover over each one.

I swear I’ve done the in/out hovering animation correctly but for some reason sometimes it will randomly work for the in-animation even though it’s on the mouse hovering out and vise-versa.

It’s super frustrating when all I want is to have each one highlight blue/white when hovered over and then fade back to the original color.

Any help is appreciated.


Here is my public share link: Webflow - WeStrive App Website

hi @WeStriveApp it can be in WF a bit tricky with use only WF UI as you have each icon wrapper combo-class (name and number) but it can be solved easily with simple CSS one-liner

<style>
.home-feature-icon-wrapper:hover{
    background-color: #f00; /* your color */
/* optional transition*/
/* transition: background-color 1000ms linear; */
}
</style>

Works for me! lol thank you

hi @WeStriveApp glad that works for you. If you do not have further questions related to your request feel free to close is as solved