磨砂效果（一）

.blur-box { width:200px; height:300px; overflow:hidden; } .blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(5px); /* Chrome, Opera */ -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6IE9 */ -webkit-transition: all .5s; /* Chrome, Opera */ transition: all .5s; } .blur.on { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(0px); /* Chrome, Opera */ -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false); /* IE6IE9 */ }