Diese Funktionen sind zum Zeitpunkt der Erstellung noch nicht in stabilen Browsern verfügbar. Alles Besprochene ist jedoch bereits standardmäßig in Firefox Nightly und wichtige Teile in Chrome Canary (mit aktiviertem Experimental Web Platform Features-Flag) vorhanden, so dass …
Eines, was einzelne div-Elemente selten tun, ist zu animieren. Wenn Sie Ihr div oder eines seiner Pseudoelemente transformieren können, ist das in Ordnung (wie Lynn Fisher mit ihrem fantastischen BB-8 tut). Aber Sie können die opacity oder transform der einzelnen "Elemente", die Sie in Ihrem div erstellen, nicht direkt ändern, da es sich nicht um tatsächliche DOM-Elemente handelt.
Ich glaube fest daran, etwas anderes und Interessantes auszuprobieren, um Werkzeuge zu lernen, die man sonst vielleicht nie lernen würde. Die Arbeit mit den Einschränkungen eines einzelnen div ist vielleicht nicht gut für Produktionsarbeiten, aber es kann eine großartige Übung (und Herausforderung) sein, um Ihre Fähigkeiten auf unterhaltsame Weise zu erweitern. In diesem Sinne werden wir diese Technik verwenden, um zu untersuchen, wie Custom Properties (CSS-Variablen) funktionieren und uns sogar einen Weg zur Animation innerhalb unseres div bieten.
CSS Custom Properties (vielleicht leichter verständlich als CSS-Variablen) bieten uns Möglichkeiten, Code prägnanter zu gestalten und neue Arbeitsweisen mit CSS einzuführen, die vorher nicht möglich waren. Sie können das, was Präprozessor-Variablen können ... ...
