Современные веб-технологии развиваются быстро: каждая новая версия CSS приносит свежие возможности — гриды, переменные, фильтры, aspect-ratio и многое другое. Но в реальности существует проблема - не все пользователи обновляют браузеры и не все браузеры быстро реализуют поддержку новых стандартов. В результате дизайнер видит одно, а пользователь — совсем другое. Чтобы не ломать макеты и не писать бесконечные хаки, разработчикам нужна возможность проверять поддержку конкретных CSS-функций. И именно для этого в язык добавили директиву @supports...

CSS может стать вашим лучшим другом или злейшим врагом. Несмотря на то, что он невероятно гибкий, а результаты его применения порой кажутся магией, без должного внимания он может выйти из-под контроля, как и любой другой код...