Kolor przejścia znika po najechaniu myszą?

Question

Próbuję uzyskać ten h3 zanikanie po najechaniu kursorem. Czy ktoś może mi pomóc?

HTML

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

CSS

.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

Co chcesz zanikać? Atrybut background lub color?

Obecnie zmieniasz kolor tła, ale mówisz mu, aby zmienił właściwość koloru. Możesz użyć all, aby przejść wszystkie właściwości.

.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; 
} 

W przeciwnym razie wystarczy użyć transition: background .2s ease-in.