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

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

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

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

5b48a6db78102737044562.jpeg

filter: blur() не подходит, так как он размывает изображение, а мне нужно чтобы размывало фон у блока с текстом
  • Вопрос задан
  • 4698 просмотров
Комментировать
Подписаться 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
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech • Москва
от 200 000 до 250 000 ₽
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Ещё вакансии