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 colorto take immediate effect on hover can leave hover transition had it.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -