CSS3 размытый фильтр на изображении расширяется за пределы оригинальной ширины ⇐ CSS

[Anonymous]

Я применяю размытый фильтр CSS3 на изображение, но неожиданно эффект размытия выходит из исходного размера изображения (по крайней мере, в браузерах WebKit).

Я использовал переполнение: hidden; < /code>, но это не работает.

вот мой код: < /p>

/> html: < /strong> < /p>




< /code>

css: < /strong> < /p>

body{
padding:0px;
margin: 0px;
background: #1f1f1f;
}
.blur{
-webkit-filter: blur(15px);
-moz-filter: blur(15px);
-o-filter: blur(15px);
-ms-filter: blur(15px);
filter: blur(15px);
}

.container {
border:1px solid #fff;
margin:40px;
float:left;
overflow: hidden;
}
< /code>

и вот скрипт

Есть идеи? < /p>

Подробнее здесь: https://stackoverflow.com/questions/254 ... inal-width