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...

Комментарии • 98