美文网首页
CSS3 滤镜webkit-filter 图片毛玻璃效果

CSS3 滤镜webkit-filter 图片毛玻璃效果

作者: ykb | 来源:发表于2016-11-11 15:24 被阅读0次

现在规范中支持的效果有:

grayscale 灰度               值为0-1之间的小数

sepia 褐色         值为0-1之间的小数

saturate 饱和度     值为num

hue-rotate 色相旋转  值为angle

invert 反色        值为0-1之间的小数

opacity 透明度     值为0-1之间的小数

brightness 亮度     值为0-1之间的小数

contrast 对比度     值为num

blur 模糊           值为length

drop-shadow 阴影

用法是标准的CSS写法,如:

filter: blur(6px);

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

-ms-filter: blur(6px);

-moz-filter: blur(6px);

filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=6,   MakeShadow=false);   /*  IE6~IE9  */

效果

相关文章

网友评论

      本文标题:CSS3 滤镜webkit-filter 图片毛玻璃效果

      本文链接:https://www.haomeiwen.com/subject/abjfpttx.html