Felix Riesterer: Nachfolgeartikel: HTML/Tutorials/Webseiten mit Grafiken gestalten

Beitrag lesen

Lieber Gunnar,

Inwiefern man SVG animieren kann (und vor allem wie) ist mir nur vom Hörensagen bekannt.

Mit CSS genauso wie man HTML-Element animieren kann. Aus CSS-Sicht ist es egal, ob es sich bei Markup um HTML, SVG oder eine ganz andere Markup-Sprache handelt.

also die Idee eines Zwinker-Smileys mit CSS-Animation? Aha... und wie komplex sollte diese beschrieben werden? Die animierten GIF-Grafiken bestehen aus Frames. Die Teilbilder werden entweder addierend (sich überlagernde Schichten) oder ersetzend (vorherige Schicht kommt weg) dargestellt. Bei jedem Frame kann man die Zeitdauer individuell festlegen, die anschließend verstreichen soll, bis der nächste Frame dargestellt werden soll. Man kann auch festlegen, ob nach dem letzten Frame Schluss ist, oder ob es wieder mit dem ersten Frame beginnt.

Blumen-Smiley SOS-Smiley King-Smiley Violin-Smiley Kampfzwerg-Smiley

Geht das auch mit CSS?

Insofern wäre zu überlegen, ob Animation in diesen Artikel reingehört oder ob Animation in SVG zusammen mit Animation in HTML behandelt wird.

Das kommt wohl darauf an, ob man wirklich alles in CSS so animieren kann, wie man es bei animierten GIF-Grafiken kennt. Da habe ich doch erhebliche Zweifel.

Liebe Grüße,

Felix Riesterer.