Анимации

Исходный
“CSS-анимации позволяют автору изменять свойства CSS во времени. При простом переходе, отдельная функция тайминга и продолжительности определяет промежуточные величины свойств анимации. Когда требуется более тонкое управление промежуточными величинами, можно использовать ключевые кадры.”
задержка анимации:
продолжительность анимации:
количество итераций анимации:
режим анимации-заливки:
направление анимации:
@ключевые кадры: Воспроизвести все Добавить другие ключевые кадры
От:
функция тайминга:
функция тайминга cubic-bezier:
ключевые кадры с:
функция тайминга:
функция тайминга cubic-bezier:
to:
функция тайминга:
функция тайминга cubic-bezier:
Воспроизвести все Удалить все

Этот пример основан на рекомендациях рабочей группы W3CМодуль анимации CSS уровень 3.