सीएसएस वेबकिट संक्रमण -

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 (केवल वेबकिट में वर्तमान में) का उपयोग करें, या जोड़ सकते हैं और गुण को दूर करने के जे एस का उपयोग, वे अभी भी चेतन होगा।