Odd opacity transition with CSS -
i have menu changes color white brown progressively when mouse over. however, when leave mouse, transition begins white when should brown white , don´t know why. when move mouse over, transition fine. copy css:
li{ letter-spacing: 2px; margin-bottom: -10px; max-width: 280px; opacity: 0.5; transition: opacity 1s linear; } li:hover{ color: #9b2108; opacity:1; transition: opacity 3s linear; }
greetings.
not sure on how mean, have @ these changes. looking for?
li{ letter-spacing: 2px; margin-bottom: -10px; max-width: 280px; opacity: 0.5; transition: 1s linear; } li:hover{ color: #9b2108; opacity:1; transition: opacity 3s linear, color 3s linear; }
as can see, i'm transitioning both opacity
, color
on hover, , all
when hover out. edit: realized can change hover transition all
well.
or if want color
to take immediate effect on hover can leave hover transition had it.
Comments
Post a Comment