Как остановить css3 анимацию на последнем ключевом кадре?

Question

[Web Lizard]

Есть такая анимация

@keyframes example {
    0%   {
    	top: 200px;
		left: 220px;
    }
    25%  {
		top: 230px;
		left: 250px;
    }
    50%  {
		top: 170px;
		left: 150px;
    }
    100% {
    	top: 150px;
		left: 130px;
    }
}
.block {
    animation-name: example;
    animation-duration: 2s;
}

Как остановить проигрывание анимации когда она доходит до последнего ключевого кадра?

Answer 1

[Андрей Верх]

animation-fill-mode:forwards

Comments

[Web Lizard]

Спасибо!

Answer 2

[Ivanq]

animation-fill-mode: forwards; ?

Comments

[Web Lizard]

Оно возвращает анимацию к исходному состоянию, а надо чтобы она застыла на состоянии 100%

Answer 3

[HamSter]

animation-fill-mode: both; - анимация воздействует на элемент и до начала, и после окончания воспроизведения.