Задать вопрос
@idmarishik
css

Как сделать эффект матового стекла на css?

Есть такой код: https://codepen.io/anon/pen/GBpmqr

Как сделать у блока с текстом размытие такого плана?

5b48a6db78102737044562.jpeg

filter: blur() не подходит, так как он размывает изображение, а мне нужно чтобы размывало фон у блока с текстом
  • Вопрос задан
  • 4703 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 4
Olivoin
@Olivoin
backdrop-filter

Но у него пока всё плохо с внедрением. Насколько я знаю, работает только в сафари.
Ответ написан
Комментировать
Комментировать
alex_shevch
@alex_shevch
Frontend Developer
https://webref.ru/css/value/blur
Ответ написан
Комментировать
Комментировать
@Za0r
pop()
www.quasimondo.com/BoxBlurForCanvas/FastBlurDemo.html
Ответ написан
Комментировать
Комментировать
@forspamonly2
а до появления backdrop-filter придётся отдельным слоем кусок фона делать и блюрить только его
https://codepen.io/anon/pen/gjPGar
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Frontend Developer (Junior\Middle)
Betnetix • Ростов-на-Дону
от 60 000 до 180 000 ₽
Ещё вакансии