Как сделать эффект размытия фона, используя только css3 и html5?

Question

Как мне сделать размытие фона точно так же как это изображение, используя только CSS3 HTML5 See the background

Answer 1

использование фильтра свойства в CSS

.blur{ 
 
    -webkit-filter: blur(10px); 
 
    filter: blur(10px); 
 
}

<img src="http://placekitten.com/g/500/500" class="blur" width="200px"> 
 
<img src="http://placekitten.com/g/500/500" class="" width="200px">