Задать вопрос

Размытие фоновго изображения для бока?

Можно ли размыть фоновое изображение для блока, если оно установлено таким образом:
.element{
     background: url(../img/background.jpg) no-repeat center;
     background-size: cover;
}


Используя код
.element{
   -webkit-filter: blur(3px);
}

я размываю весь блок с его содержимым, что мне, очевидно, не нужно. Так можно ли как-то взаимодействовать непосредственно с фоновым изображением ?
  • Вопрос задан
  • 114 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Можно сделать так: jsfiddle.net/IonDen/rmoesget
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы