Wie man ein SVG selbst-animieren kann

Question

Meine Homepage http://creativespectrums.com/ enthält ein SVG, das aus konzentrischen Kreisen besteht. Ich würde gerne Leben bringen.

Ist es möglich, es mit einem zufälligen Muster selbst zu animieren? Ich möchte auch, dass er auf das Schweben reagiert. Der Effekt, den ich suche, ist dem ähnlich: https://www.youtube.com/watch?v=rNJw4AA0Gus.

Answer 1

Wenn Sie das SVG als Hintergrundbild verwenden, können Sie CSS verwenden, um das gesamte Bild zu animieren.

Sie können auch jede Ebene anders animieren, aber dies erfordert ein IMG-Tag für Ihre Svg und dies wird nicht unterstützt in IE für Img-Tag-Animation.

Was ich empfehlen würde, ist es, jede Schicht ein separates Hintergrundbild auf mehreren Elementen zu machen und sie dann alle zu animieren, wenn der Behälter darüber schwebt.

Hoffe, das hilft