10CSS高级滤镜

CSS高级滤镜

---

 滤镜特效的应用    filter:滤镜属性（参数1，参数2，……） filter是滤镜属性选择符。

透明度——alpha

 opacity代表透明度等级，参数值从0到100，从完全透明到完全不透明 finishopacity设置结束时的透明度，从而达到一种渐变效果，参数值从0到100。 style指定透明区域的形状特征，0代表统一形状，1代表线形，2代表放射状，3代表长方形 startx代表渐变透明效果的开始X坐标 starty代表渐变透明效果的开始Y坐标 finishx代表渐变透明效果的结束X坐标 finishy代表渐变透明效果的结束Y坐标

模糊效果——blur

 add true显示指定的原始图片 false不显示，为默认值。 direction设置模糊方向，顺时针，0°代表垂直向上，每45°一个单位，默认值为想做的270°。 strength模糊强度，代表有多少像素的宽度将受到模糊影响，默认5像素。

水平/垂直翻转——fliph/flipv

灰度——

反转——

X射线效果——xray

波浪效果——wave

 add true代表不把对象按照波浪打乱；false代表打乱，默认值。 freq设置产生完整波浪的数目 lightstrength波浪的光照强度，数值从0到100，越来越强。 phase设置正弦波开始的偏移量取值0到100，通用值为0. strength设置振幅，波浪的强度

阴影——dropshadow

 color代表投射阴影的颜色 offx X方向阴影的偏移量 offy Y方向阴影的偏移量 positive true为任何非透明像素建立投影 false为透明的像素部分建立投影

边缘光晕效果——glow

color指定发光的颜色 strength发光的强度从1到255越来越强。

遮罩——mask

 filter：mask（color=颜色值）

渐变阴影——shadow

 color设置渐变阴影的颜色。 direction设置渐变阴影的方向，从0°开始，每45°为一个单位，默认值是225°。和滤镜属性blur模糊效果的direction参数值设置方法一样

颜色透明——chroma

filter：chroma（color=颜色值）

转载于:https://www.cnblogs.com/Aha-Best/p/10913259.html