controlling multiple elements with :hover

[amyK]

I have an experiment I did years ago with very inelegant javascript. I’m wondering if the same effect can be achieved now with CSS3. Here’s the original:

http://amykalisher.com/fc/assign3-2.html

And here’s how far I’ve gotten with this idea and css:
http://jsfiddle.net/9zkebvub/

[Paulie_D]

Is this reacting to the mouse position?

If so, CSS isn’t going to get it done.

[amyK]

It is reacting to the element the mouse hovers over, not an x,y coordinate. I’m not sure if that makes a difference

[Paulie_D]

I doubt if there is a CSS selector that would be able to achieve this because at some point you’re trying to affect elements higher in the DOM when hovering a specific element.

[amyK]

Thank you. I will now move my question into the javascript/jquery world. I imagine there’s a simpler way to do this than my old version.

[Author]

Posts