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

#css #веб_дизайн

как сделать эффект размытия фона или эффект матового стекла как в iOS? я понимаю,
что можно добавить фильтр на картинку.. но как мне добавить этот фильтр на отдельный
слой и наложить этот слой поверх n'ое количество картинок??
    

Ответы

Ответ 1

Используйте filter: blur(5px);, ниже пример.



img {
    width: 300px;
}

.blur {
  -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
       -o-filter: blur(5px);
      -ms-filter: blur(5px);
          filter: blur(5px);
}