CSS滤镜（filter）属性

CSS滤镜（filter）属性 吉祥如意988/编辑  一、滤镜（filter 属性）简介 Filter filter 属性允许您向文本和图像添加更多的样式效果。 注释：若需要使用 filter 属性，请始终指定元素的宽度。 注释：除非 background-color 属性被设置为 transparent，否则某些 Filter 属性将无法工作！    二、不同的滤镜filter      属性 参数 描述 示例 应用详解链接 alpha opacity finishopacity style startx starty finishx finishy 允许您设置元素的透明度   filter:alpha( opacity=20, finishopacity=100, style=1, startx=0, starty=0, finishx=140, finishy=270)     渐变文字 图片CSS滤镜效果—透明 图片雾化移动特效代码 Flash圆形雾化移动特效代码 图片CSS滤镜—波形加上半透明合成效果 让图片产生梦幻效果的代码 blur add direction strength 使元素模糊   filter:blur( add=true, direction=90, strength=6);     模糊文字 图片CSS滤镜—图片模糊效果 chroma color 使指定的颜色透明   filter:chroma (color=#ff0000)   透明文字   fliph none 水平反转元素 filter:fliph;   反转文字 图片CSS滤镜—左右旋转效果   flipv none 垂直反转元素 filter:flipv;   反转文字 图片CSS滤镜—倒影效果   glow color strength 使元素发光   filter:glow (color=#ff0000, strength=5); 发光文字 图片CSS滤镜—发光效果 粒状阴影框 gray none 用黑白色来呈现元素 filter:gray; 图片虚线边框并黑白效果 图片CSS滤镜效果—灰度 invert none 用反转的颜色和亮度值来呈现元素 filter:invert; 图片CSS滤镜—色彩对换效果 mask color   呈现带有指定背景色和透明前景色的元素   filter:mask (color=#ff0000);   编辑文字图片内容 shadow color direction 呈现带有阴影的元素   filter:shadow (color=#ff0000, direction=90);   投射阴影文字 图片CSS滤镜—阴影效果 立体阴影框 dropshadow color offx offy positive 呈现带有阴影的元素   filter:dropshadow (color=#ff0000, offx=5, offy=5, positive=true);     阴影文字   wave add freq lightstrength phase strength 把元素呈现为波浪状   filter:wave (add=true, freq=1, lightstrength=3, phase=0, strength=5)     水波纹文字 图片CSS滤镜—倒影效果 图片CSS滤镜—扭曲效果 图片CSS滤镜—图片动感模糊效果 图片CSS滤镜—波形效果 图片CSS滤镜—波形加上半透明合成效果 xray none 使用黑白色显示带有反转色和亮度值的元素 filter:xray; 图片CSS滤镜—Ｘ光效果   三、相关文章链接阅览 ◆表格标记详解★标签定义 TABLE参数设定 ◆表格标记详解★TR参数设定 ◆表格标记详解★TD参数设定 ◆表格标记详解★TH参数中设定 ◆表格标记详解★CAPTION标题参数设定 ◆表格标记详解★表格嵌套        http://jxry988.360doc.com 吉祥如意988-360doc个人图书馆