animation-duration
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since ÑенÑÑбÑÑ 2015 г..
* Some parts of this feature may have varying levels of support.
ÐкÑпеÑименÑалÑÐ½Ð°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ: ÐÑо ÑкÑпеÑименÑалÑÐ½Ð°Ñ ÑеÑ
нологиÑ
Так как ÑпеÑиÑикаÑÐ¸Ñ ÑÑой ÑеÑ
нологии еÑÑ Ð½Ðµ ÑÑабилизиÑовалаÑÑ, ÑмоÑÑиÑе ÑаблиÑÑ ÑовмеÑÑимоÑÑи по Ð¿Ð¾Ð²Ð¾Ð´Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð² ÑазлиÑнÑÑ
бÑаÑзеÑаÑ
. Также замеÑÑÑе, ÑÑо ÑинÑакÑÐ¸Ñ Ð¸ поведение ÑкÑпеÑименÑалÑной ÑеÑ
нологии Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑÑÑ Ð² бÑдÑÑиÑ
веÑÑиÑÑ
бÑаÑзеÑов, вÑлед за изменениÑми ÑпеÑиÑикаÑии.
ÐпиÑание
СвойÑÑво animation-duration ÑÑÑÐ°Ð½Ð°Ð²Ð»Ð¸Ð²Ð°ÐµÑ Ð´Ð»Ð¸ÑелÑноÑÑÑ Ð°Ð½Ð¸Ð¼Ð°Ñии во вÑемени за один Ñикл.
ÐнаÑение по ÑмолÑÐ°Ð½Ð¸Ñ 0s опÑеделÑеÑ, ÑÑо анимаÑÐ¸Ñ Ð½Ðµ должна вÑполнÑÑÑÑÑ.
Удобно иÑполÑзоваÑÑ ÑокÑаÑÑнное ÑвойÑÑво animation ÑÑÐ¾Ð±Ñ ÑÑÑановиÑÑ ÑÑÐ°Ð·Ñ Ð²Ñе ÑвойÑÑва анимаÑии.
| ÐаÑалÑное знаÑение | 0s |
|---|---|
| ÐÑименÑеÑÑÑ Ðº | вÑе ÑлеменÑÑ, ::before и ::after пÑевдоÑлеменÑÑ |
| ÐаÑледÑеÑÑÑ | Ð½ÐµÑ |
| ÐбÑабоÑка знаÑÐµÐ½Ð¸Ñ | как Ñказано |
| Animation type | Not animatable |
СинÑакÑиÑ
animation-duration: 6s;
animation-duration: 120ms;
animation-duration: 1s, 15s;
animation-duration: 10s, 30s, 230ms;
ÐÑимеÑÑ
<time>-
ÐлиÑелÑноÑÑÑ Ð°Ð½Ð¸Ð¼Ð°Ñии опÑеделÑеÑÑÑ Ð² ÑекÑндаÑ
sили в миллиÑекÑндаÑms. Ðо ÑмолÑÐ°Ð½Ð¸Ñ ÑÑÐ¾Ð¸Ñ Ð·Ð½Ð°Ñение0s. ÐÑÑиÑаÑелÑнÑе знаÑÐµÐ½Ð¸Ñ ÑвлÑÑÑÑÑ Ð½ÐµÐ´ÐµÐ¹ÑÑвиÑелÑнÑми.
ÐÑимеÑание:
ÐÑÑиÑаÑелÑнÑе знаÑÐµÐ½Ð¸Ñ ÑвлÑÑÑÑÑ Ð½ÐµÐ´ÐµÐ¹ÑÑвиÑелÑнÑми и оÑменÑÑÑ Ð¾Ð±ÑÑвление. ÐекоÑоÑÑе ÑÑаÑÑе ÑеализаÑии ÑÑиÑаÑÑ Ð¾ÑÑиÑаÑелÑнÑе знаÑÐµÐ½Ð¸Ñ ÑавнознаÑнÑми 0s.
ФоÑмалÑнÑй ÑинÑакÑиÑ
animation-duration =
[ auto | <time [0s,â]> ]#
ÐÑимеÑÑ
СмоÑÑиÑе Ð´Ð»Ñ Ð¿ÑимеÑов CSS-анимаÑии.
СпеÑиÑикаÑии
| Specification |
|---|
| CSS Animations Level 2 # animation-duration |