Die Schaukel-Animation hier mit einer inline SVG Grafik und mit Hilfe von GSAP animiert.
Kategorie: Animation
CSS-Animation
Eine kleine CSS-Animation mit Keyframes – kein Javascript, nur HTML, CSS und SVG.
Webdesign: Fullscreen-Slider mit SVG-Animation
Ein fullscreen Slider mit SVG-Elementen für die Animation der Übergänge Mal ein etwas anderer Slider. Bei den Webdesign-Kollegen von codyhouse fand ich diesen attraktiven Slider. Dort gibt es auch einen Download für das gesamte Dateienpaket. Für die animierten Übergänge werden hier Pfade aus einer SVG-Grafik und die Javascript library snap.svg genutzt. Slider-Demo ansehen » Das…
SVG Animation oder wie die Bilder laufen lernten
SVG-Animationen werden immer beliebter. Kürzlich las ich im Smashing Magazine einen Beitrag von Heydon Pickering – Creating Cel Animations with SVG, der mich zu dieser kleinen SVG Animation inspiriert hat. See the Pen awjjVo by Susanne (@sue007) on CodePen. Worum geht es: Animation von Zeichnungen, ähnlich einer GIF-Animation, aber hier mit einer Vektordatei im SVG-Format.…