css实现模糊效果和毛玻璃效果

 <img class="blur" src="http://zxpic.imtt.qq.com/zxpic_imtt/2019/09/02/1010/originalimage/101922_2473783333_1_700_435.jpg" />

.blur { width: 100px; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(2px); /* Chrome, Opera */ -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);