如何仅使用css3和html5制作背景模糊效果？

Question

如何使用css3 html5 See the background

制作与此图像完全相同的模糊背景

Answer 1

在css中使用filter属性

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;