Показать сообщение отдельно
  #2 (permalink)  
Старый 30.03.2015, 06:02
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Ну так эффект blur не растягивает изображение. Задайте div фоновым изображением дочернее изображение, растянув его на весть родительский элемент, и добавив фильтр.
div { 
    width: 1000px;
    height: 300px;
    background-image: url(name.ext);
    background-size: cover; /* contain or  1000px, 300px */
    filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);
}
Ответить с цитированием