html 实现图片或模块模糊的效果

1、<img src="1.jpg" class="blur"/>

或者<div class="blur" style="width: 50px;height: 50px;;background-color: red"></div>

2、.blur {

   filter: blur(6px);

  -webkit-filter: blur(6px);  /* chrome, opera */

  -ms-filter: blur(6px);

  -moz-filter: blur(6px);

｝

3、效果图：