SVG Animationen
Animation mit CSS3

SVG-Animation mit CSS3

SVG-Animationen mit CSS3 basieren auf SVG-Objekten im HTML-Code einerseits und CSS3-Animationen im CSS-Code andererseits.

Beispiele und Quellen

  1. http://css-tricks.com/svg-line-animation-works/ erklärt die Grundprinzipien einer CSS-SVG-Animation und zeigt ein interessantes Beispiel, wie man einen Pfad animieren kann
  2. http://www.codicode.com/art/drawing_and_animating_shapes_svg_css3.aspx zeigt zwei Beispiele, bei der eine oder mehrere SVG-Grafiken insgesamt animiert werde. Auf dieser Website gibt es noch weitere interessante Codebeispiele, z.B. zur gestaltung eines SVG-Objektes mit einem animierten CSS-Hintergrund oder zur Umwandlung eins Farbbildes in ein Graustufenbild mit Hilfe von Filtern.
  3. Das Thema Pfadanimation wird auch auf diesen Webseiten aufgegriffen:http://jakearchibald.com/2013/animated-line-drawing-svg/ und http://dabblet.com/gist/6089409
  4. Diese Form der CSS3-Animation http://tympanus.net/Development/SVGDrawingAnimation/index.html funktioniert offensichtlich auch mit dem INternet Explorer.