Свойство animation

Последнее обновление: 22.12.2010

Свойство animation — сокращенный способ задать свойства анимации animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, позволяет одновременно задать имя анимации, время анимации, способ определения промежуточных значений изменяющихся параметров, задержку анимации, количество циклов анимации и возможность ее проигрывания в обратную сторону.

Допустимые значения

Значение по умолчанию не определяется для составных свойств
Применимо к блочным и строчным элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

div {
width:100px;
height:50px;
position:absolute;
top:5px;
animation:'slide' 10s ease-in 3s 2 alternate;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к модулю CSS Animations Module Level 3 находящемся в разработке W3C, поэтому в нем возможны дополнения.

Safari 4.0 и выше Chrome 3.0 и выше поддерживают аналогичное свойство -webkit-animation, а также поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes.

По теме

Показать комментарии