CSSのWebkitの移行 - これは私が持っているものである

Question

中でゆっくりとフェードインよりもフェードアウト：

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

.box:hover{ 
    background:#000; 
} 

しかし、これは、両方ののonmouseoverとれるonmouseoutアクションに追加しますが、そこにそれらを制御するための方法ではありません？ような何か：

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

Answer 1

オーバーシュート要素のトランジションをリファインしてください。

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

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

を見て

Answer 2

はanimation（のみのWebKitで現在）を使用する、またはプロパティを追加および削除するJSを使用するか、彼らはまだアニメーションします。