HTML i CSS · Senior · Pytanie 23 z 75
Co umożliwia @property --angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }?
- ✓Poprawna odpowiedź: Zadeklarowanie typowanej zmiennej, którą przeglądarka potrafi animować
- 2Utworzenie stałej, której nie można nadpisać w kaskadzie
- 3Podpięcie handlera JavaScript wywoływanego przy zmianie właściwości
Wyjaśnienie
Zwykła zmienna CSS to po prostu string, więc w animacji przeskakuje. Właściwość zarejestrowana przez @property (część Houdini) ma typ, a więc animuje się płynnie: tak robi się obracające się gradienty stożkowe i animację pojedynczych kanałów koloru. Można też wyłączyć dziedziczenie i ustawić wartość początkową.