Hola, lo que pasa es que luego de una animacion con css3 yo quiero que el se quede con los estilos luego que se acaba la animacion el se desaparece otra vez, que se puede hacer?
CSS
Código HTML:
.carro{
position:absolute;
top:0;
left:10%;
transform: scale(0,0);
-ms-transform: scale(0,0); /* IE 9 */
-webkit-transform: scale(0,0); /* Safari and Chrome */
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
transform-origin: center center;
animation:agrandar 5s;
-webkit-animation:agrandar 5s ; /* Safari and Chrome */
}
@keyframes agrandar
{
100% {transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */
}
}
@-webkit-keyframes agrandar
{
100% {transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */
}
}
HTML
Código HTML:
<div id="carro">
<img src="Images/carro.png" width="80%" class="carro">
</div>