👩‍💻 Хочешь эффект «стеклянного» интерфейса?

Свойство backdrop-filter позволяет применять визуальные эффекты к фону элементов, находящихся за целевым элементом.

Возможные значения:

• blur(px) — размытие фона.
• brightness(%) — регулирует яркость заднего фона.
• contrast(%) — изменяет контрастность.
• grayscale(%) — переводит фон в оттенки серого.
• opacity(%) — управляет прозрачностью фона.
• sepia(%) — придаёт фону тёплый, коричневатый оттенок.
• hue-rotate(deg) — изменяет оттенок фона.
• invert(%) — инвертирует цвета.
• none — сбрасывает все фильтры, фон остаётся без изменений.

Можно указать несколько функций через пробел. Причём при разном порядке функций результат будет отличаться.

📣 Code Ready | #свойство