Основы программируемой анимации CSS
Цель работы: познакомиться с основами анимации в CSS.
Задачи работы:
ознакомиться с особенностями SVG изображений и их анимации;
познакомиться с правилом [club66008961|
@keyframes], изучить свойства CSS Transitions и Animations;
создать относительно не сложное изображение в любом векторном редакторе (например, Adobe Illustrator);
подготовить изображение к анимации и сохранить в формате SVG;
создать файл html и вставить туда код xml из SVG (например, в
https://codepen.io/ или любом другом редакторе кода);
анимировать SVG, результат сохранить как страничку html. Для упрощения отдельный CSS можно не создавать.