毛玻璃效果
filter:blur(add=false,strength=50,direction=0)
.blur {
width:100%;
position:absolute;
bottom:0;
overflow:hidden;
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ }
也可设置svg文件
blur属性有三个参数:
add 是否被改变成模糊效果
strength 代表有多少像素的宽度将受到模糊影响,默认为5
direction 用来设置模糊的方向),