Olá pessoal gostaria de saber se posso ter mais de um transition na mesma tag? Porque implemento os transitions para as propriedades mas não funciona? *Ou isso ocorre porque não defini os valores da propriedade antes.
.trans {
background: #F00;
height: 250px;
opacity: 1;
-webkit-transition: opacity .25s 1s ease-in-out;
-moz-transition: opacity .25s 1s ease-in-out;
-ms-transition: opacity .25s 1s ease-in-out;
-o-transition: opacity .25s 1s ease-in-out;
transition: opacity .25s 1s ease-in-out;
-webkit-transition: height 1.25s ease-in-out;
-moz-transition: height 1.25s ease-in-out;
-ms-transition: height 1.25s ease-in-out;
-o-transition: height 1.25s ease-in-out;
}
.trans:hover {
height: 10px;
opacity: .5;
}
Exemplo com o codigo. http://jsfiddle.net/hphf0c74/
Agradeço desde já.