CSS3 анимация: элемент перемещается в исходное положение после действий @keyframes

Question

CSS3 анимация возвращает элемент в исходное положение.

div перемещается в нижнем направлении, затем занимает исходное положение.

Это предполагаемое поведение? Может ли он остаться на последней позиции?

смотрите, пожалуйста, живую демоверсию: fiddle-demo

Answer 1

Объявите свои css руты как ...

-vendor-animation: mymove 1s 1 forwards;

Это сокращенный способ указать:

-ventor-animation-fill-mode: forwards;

, который предотвращает возврат вашей анимации в начало