Keyframes CSS3 – анимация на практике

ВНИМАНИЕ! Запуск Луны на орбиту Земли начинается :))) Приглашаю на борт!

В этом уроке мы разберем на практике следующие свойства:

1. animation – указывает название анимацию, и другие характеристики (время, тип, повтор, задержка и т.д.)

2. @keyframes – правило, в котором создается анимация, и запускается, путем задания силектору свойства animation.

3. background-size – управляет размером фона, можно прописать свои размеры, можно указать, чтобы фон растягивался по максимальной ширине родителя, или сжимался (полностью вмещаясь в родитель).

Так же разберем префиксы keyframes и animation. Ну и… запустим анимацию вращения луны вокруг земли, смотрите пример ниже:

http://master-css.com/demo/orbita/

==============================================

Ссылка на архив: http://master-css.com/zip/orbita.rar

*** Заработай на своем YouTube канале ***
http://master-css.com/go/21

Музыка предоставлена сайтом http://audiomicro.com, как партнеру VSP Group. Спасибо!
Наш сайт: http://master-css.com
Наш ВК: https://vk.com/m_css
Мой Twitter: https://twitter.com/SWAT727
Google+ https://plus.google.com/+Master-css/

ПРИСОЕДИНЯЙТЕСЬ
Поделиться

Master-CSS

Интересные уроки по созданию сайтов, WEB-дизайну, раскрутке и монетизации.



Обсуждение закрыто.