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

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -