Any way to do slanted/diagonal mouseovers via css/javascript?
- by cksubs
Hi, I have a box built via html borders.
I want to connect the bottom left corner to the top right corner with a diagonal line. Either with html/css or by using a background image, doesn't matter. I'll figure that part out later.
------
- /-
- / -
- / -
-/----
Here's the tricky part: I want a different thing to happen depending on which side of the line the mouse is hovering over. I'll do something like make some text visible or change the background color.
Is that possible in web programing? I've thought of doing a "Riemann sum" type calculation with a bunch of invisible divs. Any easier way?
Thanks!