Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
Описание
The animation-duration
CSS property specifies the length of time that an animation should take to complete one cycle.
A value of 0s
, which is the default value, indicates that no animation should occur.
It is often convenient to use the shorthand property animation
to set all animation properties at once.
Начальное значение | 0s |
---|---|
Применяется к | все элементы, ::before и ::after псевдо-элементы |
Наследуется | нет |
Отображение | визуальный |
Обработка значения | как указано |
Анимируемость | нет |
Канонический порядок | уникальный не однозначный порядок, определённый формальной грамматикой |
Синтаксис
animation-duration: 6s; animation-duration: 120ms; animation-duration: 1s, 15s; animation-duration: 10s, 30s, 230ms;
Примеры
<time>
- The duration that an animation should take to complete one cycle. This may be specified in either seconds (by specifying
s
as the unit) or milliseconds (by specifyingms
as the unit). If you don't specify a unit, the declaration will be invalid.
Предупреждение: Negative values are invalid, causing the declaration to be ignored. Some early, prefixed, implementations may consider them as identical to
0s
.Формальный синтаксис
<time>#
Примеры
See CSS animations for examples.
Спецификации
Specification | Status | Comment |
---|---|---|
CSS Animations Определение 'animation-duration' в этой спецификации. |
Рабочий черновик | Initial definition |
Совместимость с браузерами
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 3.0-webkit 43.0 |
5.0 (5.0)-moz 16.0 (16.0) |
10 | 12-o 12.10 |
4.0-webkit |
Feature | Android | Chrome | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Basic support | 2.0-webkit | ? | 5.0 (5.0)-moz 16.0 (16.0) |
Нет | Нет | 4.2-webkit | 43.0 |
Смотрите также
Метки документа и участники
Внесли вклад в эту страницу:
andreww2012
Обновлялась последний раз:
andreww2012,