backdrop-filter
CSS-свойство, применяющее фильтр — почти всегда размытие — к тому, что находится за элементом, а не к самому элементу.
Именно оно даёт эффект матового стекла: полупрозрачная панель, сквозь которую виден фон, но достаточно размытый, чтобы текст сверху оставался читаемым. Приём заимствован из macOS и iOS и стал приметой веб-дизайна. Новичков он удивляет двумя вещами. Во-первых, элемент должен быть хотя бы частично прозрачным: если фон полностью непрозрачен, фильтру не сквозь что действовать. Во-вторых, цена вполне реальна: свойство создаёт новый контекст наложения (stacking context), требует собственного композитного слоя, а большая область, пересчитываемая каждый кадр, — один из надёжных способов заставить страницу подтормаживать на телефоне.