Transición de color se desvanecen en el hover?

Question

Transición de color se desvanecen en el hover?

Estoy tratando de hacer que esto h3 se desvanezca al flotar. ¿Alguien puede ayudarme?

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

35

css css3

Author: Michael Petrotta, 2013-01-16

Source

1 answers

score 72 · Accepted Answer

¿Qué quieres que se desvanezca? ¿El atributo background o color?

Actualmente está cambiando el color de fondo, pero diciéndole que haga la transición de la propiedad color. Puede usar all para hacer la transición de todas las propiedades.

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

De lo contrario solo use transition: background .2s ease-in.