CSS Webkit Geçiş Bu benim ne var

Question

yavaş Fade daha Kararma:

.box{ 
    background:#FFF; 
    -webkit-transition: background 0.5s; 
} 

.box:hover{ 
    background:#000; 
} 

Ama bu eylemler onmouseout hem onmouseover ve eklediği, ancak bunları denetlemek için bir yolu yoktur; ? gibi bir şey:

-wekbkit-transition-IN: background 1s; 
-webkit-transition-OUT: background 10s; 

Answer 1

Geçişinizi yalnızca sahte öğe üzerinde yeniden doğrulayın.

.box{ 
    background: white; 
    -webkit-transition: background 5s; 
} 
.box:hover{ 
    background: olive; 
    -webkit-transition: background 1s; 
} 

benim http://jsfiddle.net/DoubleYo/nY8U8/

Bak

Answer 2

bir animation (sadece webkit şu anda) kullanın veya özelliklerini eklemek ve kaldırmak için JS kullanmak Ya, hala animasyon olacaktır.