Как сделать размытую подложку под фото? [дубликат]

272
02 декабря 2017, 10:56

На данный вопрос уже ответили:

  • Эффект размытия фона / Эффект матового стекла — CSS 1 ответ

Подскажите как сделать размытую подложку под фото как на авито?

Answer 1

Используйте filter() и blur() для размытия заднего фона.

#back { 
  -webkit-filter: blur(2.5px); 
  filter: blur(2.5px); 
  width: 100%; 
} 
 
#front { 
  position: absolute; 
  top: 7.5px; 
  width: 50%; 
  left: 0; 
  right: 0; 
  margin: 0 auto; 
}
<img id="back" src="https://html5box.com/html5lightbox/images/lakeandballoon.jpg" alt="Pineapple" height="300"> 
 
<img id="front" src="https://html5box.com/html5lightbox/images/lakeandballoon.jpg" alt="Pineapple" height="300">

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте optima-pr.com.ua
ТОП-10
READ ALSO
Как вынести элемент за пределы canvas?
javascript

Как вынести элемент за пределы canvas?

Хочу вынести картинку за пределы canvas, что бы в дальнейшем можно было эту картинку перемещать и при этом оставалась возможность менять перспективу...

 190
Не добавляет стили
javascript

Не добавляет стили

Не добавляет стили

 198
Отключить ui-mobile от jquery-mobile
javascript

Отключить ui-mobile от jquery-mobile

Друзья, такая тема, подключил я jquery-mobile, для осуществления swipe на смартфонах, но мне этот js весь стиль изгадилОн автоматом меняет мой стиль...

 226
Как перевести html в docs
javascript

Как перевести html в docs

Есть задача переводить html из TinyMCE в docxПользовался html-docx-js, но после него не работает превью в Google viewer, зато если в файле что-то поменять и вордом...

 238