|
CSS3 Свойство animation-direction
 Полный CSS Справочник
Пример
Воспроизвести анимацию один раз, а затем воспроизвести в обратном порядке:
animation-direction:alternate;
-moz-animation-direction:alternate; /* Firefox */
-webkit-animation-direction:alternate; /* Safari и Chrome */ |
Попробуйте сами » |
Поддержка Браузерами
Свойство animation-direction не поддерживается ни одним браузером.
Firefox поддерживает альтернативное свойство -moz-animation-direction.
Safari и Chrome поддерживают альтернативное свойство -webkit-animation-direction.
Определение и ИспользованиеСвойство animation-direction определяет, следует ли воспроизводить анимацию
в обратном порядке на чередующихся анимационных циклах.
Если значение animation-direction равно "alternate", анимация будет воспроизводиться
нормально каждый нечетный раз (1,3,5, и т.д.) и в обратном порядке каждый четный раз
(2,4,6, и т.д.).
Замечание: Если указать количество повторений анимации в один раз, это свойство не возымеет
эффекта.
| Значение по умолчанию: |
normal |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.animationDirection="alternate" |
Синтаксис
| animation-direction: значение; |
| Значение |
Описание |
| normal |
Значение по умолчанию. Анимация будет воспроизводиться нормально (в прямом направлении) |
| alternate |
Анимацию следует воспроизводить в обратном направлении на четных циклах |
Смотрите ТакжеCSS3 Уроки: CSS3 Анимация
Полный CSS Справочник
|
