CSS -> Transition

[Saulo Antunes 0]

Fala galera, feliz ano novo a todos. :)/>

 

Tenho uma dúvida e vou citar um exemplo para tentar esclarece-la:

 

Tenho uma div e quero mudar a cor de fundo ao passar o mouse. beleza.

 

div:hover{background-color: red}

 

Porém quero um efeito suave, daí o transition:

 

div:hover{

background-color: red

transition: all 1s;

-moz-transition: all 1s;

-o-transition: all 1s;

-webkit-transition: all 1s;

}

 

Ok, tudo beleza.

 

O meu problema é na hora de tirar o mouse.

Eu queria que voltasse para a cor normal porém de forma suave também.

 

Existe algum seletor para isso?

 

(PS.: NO JS)

 

Opa, consegui aqui.

 

Ao invés de colocar o transition no div:hover, basta coloca-lo no div sem seletor.

[marionnete 0]

coloca esse mesmo código:

background-color: COR ANTIGA;

transition: all 1s;

-moz-transition: all 1s;

-o-transition: all 1s;

-webkit-transition: all 1s;

 

não só na #div:hover, mas sim na #div tbm