Keyframes CSS3 - анимация на практике
HTML-код
- Опубликовано: 17 окт 2024
- ВНИМАНИЕ! Запуск Луны на орбиту Земли начинается :))) Приглашаю на борт!
В этом уроке мы разберем на практике следующие свойства:
1. animation - указывает название анимацию, и другие характеристики (время, тип, повтор, задержка и т.д.)
2. @keyframes - правило, в котором создается анимация, и запускается, путем задания силектору свойства animation.
3. background-size - управляет размером фона, можно прописать свои размеры, можно указать, чтобы фон растягивался по максимальной ширине родителя, или сжимался (полностью вмещаясь в родитель).
Так же разберем префиксы keyframes и animation. Ну и... запустим анимацию вращения луны вокруг земли, смотрите пример ниже:
master-css.com/...
==============================================
Ссылка на архив: master-css.com/...
** Заработай на своем RUclips канале **
master-css.com/...
Музыка предоставлена сайтом audiomicro.com, как партнеру VSP Group. Спасибо!
Наш сайт: master-css.com
Наш ВК: m_css
Мой Twitter: / swat727
Google+ plus.google.co...