Верстка · Senior · Запитання 23 з 75
Що дає @property --angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }?
- ✓Правильна відповідь: Оголосити типізовану змінну, яку браузер уміє анімувати
- 2Створити константу, яку не можна перевизначити в каскаді
- 3Підключити JavaScript-обробник, що викликається під час зміни властивості
Пояснення
Звичайна CSS-змінна - просто рядок, і під час анімації вона змінюється стрибком. Зареєстрована через @property (частина Houdini) властивість має тип, тому плавно анімується: так роблять обертові конічні градієнти й анімацію окремих компонентів кольору. Ще можна вимкнути успадкування й задати початкове значення.