Highlight DIV and dim the rest on mouseover
Posted
by
Darren Sweeney
on Stack Overflow
See other posts from Stack Overflow
or by Darren Sweeney
Published on 2013-03-04T22:10:12Z
Indexed on
2014/06/04
21:25 UTC
Read the original article
Hit count: 249
I have a page full of DIVs which contain images.
When I mouse over an image I can highlight it or add a shadow to accent it easily by adding class etc but is there a way to dim every other image instead.
DIVs are loaded into DOM and I would like the DIV currently hovered over to retain 100% or 1 opacity and the rest of the DIVs on the page to fade to say 70% or 0.7 when one DIV is highlighted.
Is this possible?
© Stack Overflow or respective owner