图片滤镜效果代码和范例 ·
来源:百度文库 编辑:神马文学网 时间:2024/04/29 23:16:43
图片滤镜效果代码和范例 2006-12-16 18:39
分类:博客教程
字号:大大 中中 小
这次主要说说图片滤镜效果,代码和部分范例如下:
1. 透明效果
或
代码说明:
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明
效果预览:
2. 翻转效果
左右翻转格式:
或
效果预览:
上下翻转格式:
或
效果预览:
3. 变调效果
灰调格式:
或
效果预览:
X光效果:
或
效果预览:
色彩对换:
或
效果预览:
4. 边框效果
发光效果:
代码说明:
发光:(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)
投影效果:
代码说明:
投影:(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)
濾鏡高=图高40)
阴影效果:
代码说明:
阴影:(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)
模糊效果:
代码说明:
模糊:(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30)
波形效果:
代码说明:
波形:(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10)
分类:博客教程
字号:大大 中中 小
这次主要说说图片滤镜效果,代码和部分范例如下:
1. 透明效果
或
代码说明:
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明
效果预览:
2. 翻转效果
左右翻转格式:
或
效果预览:
上下翻转格式:
或
效果预览:
3. 变调效果
灰调格式:
或
效果预览:
X光效果:
或
效果预览:
色彩对换:
或
效果预览:
4. 边框效果
发光效果:
代码说明:
发光:(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)
投影效果:
代码说明:
投影:(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)
濾鏡高=图高40)
阴影效果:
代码说明:
阴影:(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)
模糊效果:
代码说明:
模糊:(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30)
波形效果:
代码说明:
波形:(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10)
图片滤镜效果代码和范例 ·
图片滤镜效果代码和范例
图片滤镜效果代码和范例 - 沉默是金的日志 - 网易博客
图片滤镜---波形效果代码
图片CSS滤镜---上下颠倒效果代码
图片CSS滤镜---浮雕效果代码
图片CSS滤镜---模糊效果代码
图片CSS滤镜---水中倒影效果代码
图片滤镜代码分享
图片CSS滤镜效果---灰度
图片CSS滤镜--X光效果
图片处理效果代码
滚动的图片效果&代码
滚动的图片效果&代码
Eelyn图片处理效果代码
Photoshop滤镜打造漂亮抽丝和点阵效果
图片加透明的FLASH效果的代码和地址AAA
四屏焦点图片轮换效果代码
用Html代码制作图片雾化效果
图片/加边框修饰效果与代码
图片处理效果代码(碎羽残舞的博客)
图片上下拉幕效果及代码
代码制作图片拉幕效果
让图片产生梦幻效果的代码