Dejar propiedades luego de la animacion

[lilmaster]

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> 

[pzin]

Puedes usar:

Código CSS:

animation-fill-mode: forwards;
 

Que también puedes poner en el shorthand:

Código CSS:

animation: agrandar 5s forwards;