SVG Browser-Support für Animationen und Interaktionen
Mit Hilfe der SVG-Technologie können interessante Interaktionen und Animationen auf einer Website realisiert werden. Leider ist der Browser-Support höchst unübersichtlich, denn ob etwas funktioniert oder nicht ist davon abhängig wie die SVG eingebunden wurde und welche Sprache (JavaScript, SMIL, CSS) zur Erzeugung der Animation verwendet wurde. Wir haben daher für die interne Nutzung eine Übersicht erstellt, die wir euch natürlich nicht vorenthalten wollen.
Workshops und Seminare von kulturbanause
Visual Prototyping, Responsive Design, CSS Grid & Flexbox, WordPress, Adobe XD, HTML & CSS Grundlagen, Website-Optimierung …
Kompatibilität von Animationen und Interaktionen in SVG
Die folgende Tabelle listet die für uns wichtigsten Kriterien im Zusammenhang mit SVG-Animationen und -Interaktionen auf. Wir freuen uns über Ergänzungen und Anmerkungen.
Jetzt bist du gefragt!
Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.
Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!
Nils
Verfasst am 7. April 2017 um 9:22 Uhr.
Wie immer vielen Dank für’s teilen!Ich beschäftige mich derzeit auch sehr intensiv mit dem Thema und lerne gerade den Affinity Designer kennen um diese zu erzeugen. Mal sehen wie sich das alles so entwickelt. :)