HTML und CSS · Senior · Frage 23 von 75
Was ermöglicht @property --angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }?
- 1Einen JavaScript-Handler anzuhängen, der bei Änderung der Eigenschaft läuft
- 2Eine Konstante anzulegen, die sich in der Kaskade nicht überschreiben lässt
- 3Eine typisierte Variable zu deklarieren, die der Browser animieren kann
Antwort zeigen
Richtige Antwort: Eine typisierte Variable zu deklarieren, die der Browser animieren kann
Erklärung
Eine normale CSS-Variable ist nur ein String, also springt sie bei Animationen. Eine mit @property registrierte Eigenschaft (Teil von Houdini) hat einen Typ und animiert deshalb flüssig: So macht man rotierende Conic Gradients und animiert einzelne Farbkanäle. Man kann auch die Vererbung abschalten und einen Anfangswert setzen.