@Wemos

Как сделать размытие фона элемента?

Суть в том, что есть элемент (допустим, с текстом или портфолио, не принципиально). На его фоне стоит картинка, и нужно, чтобы один ее верхний край плавно сливался с фоном самой страницы.
Картинка не особо сложная, этот самый верхний край довольно одноцветный, но с переливами по бокам, это бросается в глаза.
Как это выполнить?
  • Вопрос задан
  • 185 просмотров
Решения вопроса 1
Odisseya
@Odisseya
WebDev
Можно сделать 2 слоя с картинкой, нижний слой (позиционированный под первым) размыть через filter: blur();
Пример: https://codepen.io/anon/pen/aqqoXd
Радиус размытия можно увеличить за счет растяжения нижнего слоя: https://codepen.io/anon/pen/oEENjw
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы