欢迎来到福编程网,本站提供各种互联网专业知识!

静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。

发布时间:2007-03-06 作者: 来源:转载
请新建文件TestImage.html注意:静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。欢迎与邀月交流,net技术与软件架构内容如下,(可自行修改):复制代码代码如下:测试图片效果....Filter1{...}{filter:Alpha(opacity=50,finishOpacity=80,style=0);}.Filter2
请新建文件TestImage.html
注意:静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
欢迎与邀月交流,net技术与软件架构
内容如下,(可自行修改):
复制代码 代码如下:




测试图片效果




原图








半透明


opacity:开始处的透明度。

finishOpacity:结束处的透明度。

style:0为平均透明1为线状透明2为圆形透明3为菱形透明








左右翻转









上下翻转








灰度








X光








色彩对换








发光边框


color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2,滤镜高=图高+发光强度x2+10








投影边框


color为发光颜色代码,direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25,濾鏡高=图高+40








阴影边框


color为发光颜色代码,offX表示水平位移offY表示垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+2)








模糊边框


Direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30








波形边框


Freq表示波形频率(>0),strength表示振幅强度(>0),lightstrength表示波峰强度(0~100愈高越黑),phase表示起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10









效果如下:

邀月工作室

相关推荐