Tenho uma div
, que é animada, e não gostaria que no final da animação ela volta-se para o estado de quando ela começou, porque ela acaba voltando ao estado original ao final da animação.
#div1 {
height:100px;
width:100px;
background-color:silver;
position:relative;
animation-name:animacao;
animation-duration:3s;
animation-iteration-count:1;
animation-delay:0.5s;
}
@keyframes animacao {
from {
left:0px
}
to {
left:100px
}
}
<div id="div1"></div>
jsfiddle: http://jsfiddle.net/fauqk0e5/