使用css3 filter属性实现图片毛玻璃效果

可用于背景图片的遮盖和虚化处理;

img {
    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=5, MakeShadow=false);/* IE6~IE9 */
}

 

你可能感兴趣的:(前端学习,css,图片,毛玻璃,图片虚化)