CSS Animation - Перемещение в начальную позицию - PullRequest
Новая
       15

CSS Animation - Перемещение в начальную позицию

1 голос
/ 08 июля 2011

У меня есть CSS-анимация, которая перемещает объект слева направо и обратно, используя: 

@-moz-keyframes animation_1{
    0%  { -moz-transform:  translateX(100px); }
    25% { -moz-transform:  translateX(200px);}
    50% { -moz-transform:  translateX(0px); }
    75% { -moz-transform:  translateX(300px); }
    100%{ -moz-transform:  translateX(100px);}
}

Эта анимация выполняется по бесконечному циклу.

В определенный момент яхотите, чтобы объект переместился в положение X, скажем, 50px, и остановился.

Я попытался добавить второй класс анимации (через javascript), который бы переместил объект в его конечную позицию, используя: 

@-moz-keyframes droid-catching-position
{
     0% {   }
   100% { -moz-transform:  translateX(20px); }  
}

Но это заставляет объект перейти ввторая анимация, а не переход.

Есть ли у кого-нибудь какие-либо предложения или подсказки о том, как выполнить анимацию между двумя анимациями?

...