CSS Webkit chuyển - Fade out chậm hơn Fade in

Question

Đây là những gì tôi có:

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

.box:hover{ 
    background:#000; 
} 

Nhưng điều này gắn với cả onmouseover và onmouseout hành động, nhưng không có cách nào để kiểm soát chúng ? Một cái gì đó như:

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

Answer 1

Chỉ cần xác định lại quá trình chuyển đổi của bạn trong phần tử giả.

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

Nhìn tôi http://jsfiddle.net/DoubleYo/nY8U8/

Answer 2

Hoặc sử dụng một animation (chỉ trong webkit hiện tại), hoặc sử dụng JS để thêm và loại bỏ các tài sản, họ vẫn sẽ động.