होवर पर संक्रमण रंग फीका?

Question

मैं होवर पर फीका करने के लिए यह h3 प्राप्त करने का प्रयास कर रहा हूं। क्या कोई मेरी मदद कर सकता है?

एचटीएमएल

<h3 class="clicker">test</h3> 

सीएसएस

.clicker { 
    -moz-transition:color .2s ease-in; 
    -o-transition:color .2s ease-in; 
    -webkit-transition:color .2s ease-in; 
    background:#f5f5f5;padding:20px; 
} 

.clicker:hover{ 
    background:#eee; 
} 

Answer 1

क्या आप फीका करना चाहते हैं? background या color विशेषता?

वर्तमान में आप पृष्ठभूमि रंग बदल रहे हैं, लेकिन रंगीन संपत्ति को बदलने के लिए कह रहे हैं। आप सभी गुणों को संक्रमण के लिए all का उपयोग कर सकते हैं।

.clicker { 
    -moz-transition: all .2s ease-in; 
    -o-transition: all .2s ease-in; 
    -webkit-transition: all .2s ease-in; 
    transition: all .2s ease-in; 
    background: #f5f5f5; 
    padding: 20px; 
} 

.clicker:hover { 
    background: #eee; 
} 

अन्यथा बस transition: background .2s ease-in का उपयोग करें।