Показать сообщение отдельно
  #1 (permalink)  
Старый 18.03.2012, 21:14
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

CSS3 animation рывками
Есть div в нем бекграунд (спрайт состоящий из кадров)

<style>@-moz-keyframes sprite {
  from { background-position: 0 0; } to { background-position: -20px 0; },
...
}

.div {
-moz-animation: 1s linear 0s normal none infinite sprite;
}</style>


Не могу понять как заставить перемещаться на 20px не плавно, а рывком(смена кадра). Нужна именно покадровая анимация, а не плавное перетекание из 0 в -20px.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
Ответить с цитированием