Illustratorzeichnungen können als SVG gespeichert werden. SVG kann in html integriert und über CSS animiert werden.

• Introduction Gordan
• Introduction Tutorial

• https://jakearchibald.com/2013/animated-line-drawing-svg/
• https://oak.is/thinking/animated-svgs/

• https://glennmccomb.com/articles/creating-smooth-sequential-animations-with-sass/
• https://webdesign.tutsplus.com/tutorials/watch-and-compile-sass-in-five-quick-steps--cms-28275

• https://sass-lang.com/install

• http://beautifytools.com/sass-compiler.php

Arbeite das Tutorial von Gordan zu SVG und CSS durch.

Erstelle im Illustrator eine Form. Wiederhole die Form mehrfach über Effekt->Verzerrungs- und Transformationsfilter -> Transformieren.
Speichere die Zeichnung als SVG und integriere sie in ein html Dokument.
Animiere die Form über CSS.

Lies das Tutorial über SASS oben.
Versuche, die Sequenzen deiner Form über einen Animation Delay einzeln zu animieren.
Generiere aus dem SASS File ein CSS File (lokale Compilierung oder Online)