Css Filter Alpha 属性详解

Css Filter Alpha 属性详解Alpha 设置透明层次 blur 创建高速度移动效果 即模糊效果 Chroma 制作专用颜色透明 DropShadow 创建对象的固定影子 FlipH 创建水平镜像图片 FlipV 创建垂直镜像图片 glow 加光辉在附近对象的边外 gray 把图片灰度化 invert 反色 light 创建光源在对象上 mask 创建透明掩膜在对象上 shadow 创建偏移固定影子 w

Alpha:设置透明层次. blur:创建高速度移动效果,即模糊效果. Chroma:制作专用颜色透明. DropShadow:创建对象的固定影子. FlipH:创建水平镜像图片. FlipV:创建垂直镜像图片. glow:加光辉在附近对象的边外. gray:把图片灰度化. invert:反色. light:创建光源在对象上. mask:创建透明掩膜在对象上. shadow:创建偏移固定影子. wave:波纹效果. Xray:使对象变的像被x光照射一样. 1.滤镜:alpha 语法: STYLE=”filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)” 说明: Opacity:起始值,取值为0-100,0为透明,100为原图. FinishOpacity:目标值. Style:1或2或3 StartX:任 ? StartY:任意值例子:filter:Alpha(Opacity=”0″,FinishOpacity=”40″,Style=”2″) 2.滤镜:blur 语法: STYLE=”filter:Blur(Add=add,Direction=direction,Strength=strength)” 说明: Add:一般为1,或0. Direction:角度,0-315度,步长为45度. Strength:效果增长的数值,一般5即可. 例子:filter:Blur(Add=”1″,Direction=”45″,Strength=”5″) 3.滤镜:chroma 语法: STYLE=”filter:Chroma(Color=color)” 说明: color:#rrggbb格式,任意. 例子:filter:Chroma(Color=”#FFFFFF”) 4.滤镜:DropShadow 语法: STYLE=”filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)” 说明: Color:#rrggbb格式,任意. Offx:X轴偏离值. Offy:Y轴偏离值. Positive:1或0. 例子:filter:DropShadow(Color=”#6699CC”,OffX=”5″,OffY=”5″,Positive=”1″) 5.滤镜:FlipH 语法: STYLE=”filter:FlipH” 例子:filter:FlipH 6.滤镜:FlipV 语法: STYLE=”filter:FlipV” 例子:filter:FlipV 7.滤镜:Glow 语法: STYLE=”filter:Glow(Color=color,Strength=strength)” 说明: Color:发光颜色. Strength:强度(0-100) 例子:filter:Glow(Color=”#6699CC”,Strength=”5″) 8滤镜:Gray 语法: STYLE=”filter:Gray” 例子:filter:Gray 9.滤镜:Invert 语法: STYLE=”filter:Invert” 例子:filter:Invert 10.滤镜:Mask 语法: STYLE=”filter:Mask(Color=color)” 例子:filter:Mask(Color=”#FFFFE0″) 11.滤镜:Shadow 语法: filter:Shadow(Color=color,Direction=direction) 说明: Color:#rrggbb格式. Direction:角度,0-315度,步长为45度. 例子:filter:Shadow(Color=”#6699CC”,Direction=”135″) 12.滤镜:Wave 语法: filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength) 说明: Add:一般为1,或0. Freq:变形值. LightStrength:变形百分比. Phase:角度变形百分比. Strength:变形强度. 例子:filter:wave(Add=”0″,Phase=”4″,Freq=”5″,LightStrength=”5″,Strength=”2″) 13.滤镜:Xray 语法: STYLE=”filter:Xray” 例子:filter:Xray 14.颜色渐变语法: filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=’#B5CCFA’, EndColorStr=’#B5CCFA’);

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/227095.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午9:57
下一篇 2026年3月16日 下午9:57


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号