Um unser SVG zu animieren, müssen wir die folgenden Teile des SVG in unserem CSS anpassen – die Klasse „.st0“ und den <path></path> Tag.
Kopieren Sie den folgenden Code und fügen Sie ihn in Ihre CSS-Datei ein.
In der Klasse „.st0“ und dem <path></path>-Tag können wir die Farben für den Strich und die Füllung unseres SVG einstellen. Wir haben sie hier auf schwarz #000 eingestellt. Beachten Sie, dass wir mit einer weißen Kontur #FFF und keiner Füllfarbe begonnen haben. in Adobe Illustrator. Dies gilt für alle Eigenschaften des SVG, sie können in unserer .css-Datei geändert werden.
Das ist das Ergebnis