Streaming live at 10am (PST)

Highlighting elements on mouse over

Hi everyone!
I am new to webflow and I have been tinkering with animations and triggers to get a better grasp on how they work but I am stuck on this issue.

I am working within a grid. On each row I have a div block and three text elements. I have 5 rows. On hovering over the div block of a row I would like all other rows and elements to have an opacity set to zero, while only the elements in that row remain at 100% opacity – essentially highlighting that row.

I think my issue is with naming classes to set up this type of trigger/animation. I can’t seem to add an animation that affects more than one element while not affecting every element.

Any help would be greatly appreciated! Thank you again.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hello.
Maybe you can change one of these settings:

Only siblings with this class
Only children with this class