CSS Animations
ÐкÑпеÑименÑалÑÐ½Ð°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ: ÐÑо ÑкÑпеÑименÑалÑÐ½Ð°Ñ ÑеÑ
нологиÑ
Так как ÑпеÑиÑикаÑÐ¸Ñ ÑÑой ÑеÑ
нологии еÑÑ Ð½Ðµ ÑÑабилизиÑовалаÑÑ, ÑмоÑÑиÑе ÑаблиÑÑ ÑовмеÑÑимоÑÑи по Ð¿Ð¾Ð²Ð¾Ð´Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð² ÑазлиÑнÑÑ
бÑаÑзеÑаÑ
. Также замеÑÑÑе, ÑÑо ÑинÑакÑÐ¸Ñ Ð¸ поведение ÑкÑпеÑименÑалÑной ÑеÑ
нологии Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑÑÑ Ð² бÑдÑÑиÑ
веÑÑиÑÑ
бÑаÑзеÑов, вÑлед за изменениÑми ÑпеÑиÑикаÑии.
CSS ÐнимаÑии - ÑÑо модÑÐ»Ñ CSS, коÑоÑÑй позволÑÐµÑ Ð°Ð½Ð¸Ð¼Ð¸ÑоваÑÑ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ðµ знаÑений CSS-ÑвойÑÑв, иÑполÑзÑÑ Ð¾Ð¿Ð¾ÑнÑе кадÑÑ (keyframes). ÐÐ»Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸ÐµÐ¼ ÑÐ°ÐºÐ¸Ñ Ð°Ð½Ð¸Ð¼Ð°Ñий можно задаÑÑ Ñ ÑономеÑÑажнÑÑ ÑÑнкÑиÑ, длиÑелÑноÑÑÑ, колиÑеÑÑво повÑоÑов и дÑÑгие аÑÑибÑÑÑ.
Reference
СвойÑÑва
@-пÑавила
Guides
- ÐÑполÑзование CSS-анимаÑий
-
ÐоÑаговое ÑÑководÑÑво по ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð°Ð½Ð¸Ð¼Ð°Ñий Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ CSS. СÑаÑÑÑ Ð¾Ð¿Ð¸ÑÑÐ²Ð°ÐµÑ Ð²Ñе каÑаÑÑиеÑÑ Ð°Ð½Ð¸Ð¼Ð°Ñии CSS-ÑвойÑÑва и @-пÑавила и обÑÑÑнÑеÑ, как они взаимодейÑÑвÑÑÑ Ð´ÑÑг Ñ Ð´ÑÑгом.
СпеÑиÑикаÑии
| Specification |
|---|
| CSS Animations Level 2 |
| CSS Animations Level 1 |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- Related to CSS Animations, CSS Transitions can trigger animations on user actions.