Question about hover selector activating multiple elements at once.

Question

Hello, I have 3 squares stacked on top of each other. Each of them has their own hover selector with unique transform properties. I'm trying to get the hover selector to activate all 3 elements at once. Instead the selector activates them one at a time. Can anyone help give me a hint in the right direction?

Here is the code:
https://code.sololearn.com/WeaapaN2J7nH

Thanks!

Answer 1

Idk if this is what you're looking for exactly but maybe try doing something like div.fan: hover .square1{} with all the styling for each square since the div would be the parent and all the squares children.

Answer 2

Use the pseudo selector