У меня есть простая анимация css, которую я бы хотел сыграть, а затем остановился на последнем кадре, полностью отображая изображение. Но в настоящий момент в данный момент он воспроизводится, кажется, возвращается назад к кадру, поэтому исчезает лицо santas.
Как я могу заставить его играть через один раз, а затем останавливаться на последнем ключевом фрейме или отображать изображение без его исчезновения снова?
<img class="santaface" src="http://imgs.tuts.dragoart.com/how-to-draw-a-santa-face_1_000000001282_3.jpg">
.santaface{
opacity:0;
position: absolute;
left:40%; top:20%; width:20%;
-webkit-animation-name: santaappear;
-webkit-animation-duration: 13s;
}
.santaface{-webkit-animation-delay:2s;animation-delay:2s;}
@-webkit-keyframes santaappear {
0% { opacity:0;}
96% {opacity:1;}
}