CSS animiert SVG in gleicher Weise wie HTML, wenn die Eigenschaften im style-Attribut stehen können. Wo CSS an Grenzen stößt, hilft Javascript nach.

Mit der breiten Unterstützung für ES6 ist es Zeit, auf jQuery zu verzichten: Schnelleres Laden der Seiten ist ein wichtiger Faktor im Ranking.

Das DOM (Document Object Model) beschreibt HTML-, XML- und SVG-Dokumente. Für Javascript ist das DOM die Programmierschnittstelle zu HTML-Tags, Attributen und Inhalten, über die sich jedes Element der HTML-Seite ansprechen lässt.

CSS background-image legt Hintergrundbilder fest. Jedes background-image kann individuelle Eigenschaften annehmen und kann ein JPG, PNG, GIF-Bild oder Base64-kodiert sein, eine SVG-Grafik oder ein Verlauf (Gradient).

CSS Grundlagen und Einführung: Wie schreibt man CSS-Regeln? Was sind Selektoren? Ein Überblick von »CSS-Datei richtig einbinden« bis zum responsiven Webdesign.

Einfache Beispiele für CSS transition: Bilder überblenden, Schrift mit Bildern überblenden, Transition mit Javascript starten.

Responsive Menüs, die dem Benutzer auf den mobilen Geräten mit Touch Screen entgegenkommen, müssen erkennbar sein, dürfen nur einfache Effekte zeigen und keine Barrieren aufbauen.

transform verändert HTML-Elemente ohne Javascript: Text, Bilder und ganze Blöcke bewegen, verkleinern oder vergrößern, rotieren und verzerren.

Das scroll-Event feuert, wenn das Dokument oder ein Element gescrollt wird, z.B. um dem Benutzer zusätzliche Steuerelemente zur Verfügung zu stellen.

bei der Einrichtung? Web Animation API – Javascript Keyframes-Animationen Mar 2024 Das Web Animation API kombiniert  animate (keyframes, options)   und CSS-Keyframes und lehnt sich eng an CSS-Keyframes-Animation an. Der Aufruf von  animate ()