Timeline for How to affect other elements when one element is hovered
Current License: CC BY-SA 3.0
9 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| May 20, 2021 at 6:24 | comment | added | TimE |
That's a great idea! For instances where you only need one element to trigger a hover in the dom before it I think it would be better to use the flexbox order property so you don't have to maintain the entire list in reverse order if only one element needs to trigger the hover.
|
|
| Jun 15, 2017 at 12:27 | comment | added | maxshuty | I made this fiddle which (at least for me) made it a little more aparent on what was going on here. jsfiddle.net/maxshuty/cj55y33p/3 | |
| Oct 16, 2015 at 10:30 | comment | added | Stephane Mathis | Flex direction (not well supported for IE) OR 1) black by default 2) all blue on mouse over the container 3) black for next sibling on bar hover :) | |
| Sep 9, 2015 at 9:54 | history | edited | Dan Dascalescu | CC BY-SA 3.0 |
Thanks @Cerberus for the tip
|
| Sep 9, 2015 at 9:47 | comment | added | Cerbrus |
Try this in your first snippet: on .rating div, remove the margin, and add border-right: 4px solid white;
|
|
| Sep 9, 2015 at 9:22 | comment | added | Dan Dascalescu | @Cerbrus: Added a solution that doesn't hide the hover when the mouse is between bars. The downside is the width of the bars is no longer equal. | |
| Sep 9, 2015 at 9:19 | history | edited | Dan Dascalescu | CC BY-SA 3.0 |
Add solution that doesn't hide the highlight when moving from one bar to the other.
|
| Sep 9, 2015 at 6:23 | comment | added | Cerbrus | Could this be edited so the highlight doesn't disappear when moving the mouse from 1 bar to the other? The flashing is a little distracting. | |
| Sep 9, 2015 at 4:27 | history | answered | Dan Dascalescu | CC BY-SA 3.0 |