В уроке разобраны все эффекты backdrop-filter: размытие (blur), яркость (brightness), инверсия (invert), поворот оттенка (hue-rotate), насыщенность (saturate), контраст (contrast). Для каждого — практический пример использования и настройка интенсивности.
Backdrop-filter работает только если сам элемент имеет прозрачный или полупрозрачный фон — иначе ничего не видно, потому что задний план закрыт. Для эффекта стекла: белый или тёмный фон с opacity 10-30% + blur. Для инвертированного эффекта — invert 100%.
Урок для тех, кто хочет реализовать glassmorphism или другие эффекты с фоновыми фильтрами. Понимание абсолютного позиционирования и z-index нужно — backdrop-filter чаще всего применяется к оверлеям поверх фонов или изображений.