@supports: progressive enhancement без User-Agent
not(), and и запасной layout.
Блок `@supports (grid-template-columns: subgrid)` включает улучшенную сетку только там, где она есть — без sniffing браузера в JavaScript.
Цепочка `@supports not (background: paint(...))` задаёт запасной border вместо `@property`-анимации.
- @supports — MDN — Синтаксис feature queries.
- Using feature queries — MDN — Паттерны fallback.
Тест
Проверяйте fallback в Safari Technology Preview и стабильном Chrome — не только в одном движке.