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.