滤镜(格式为 filter:滤镜名(参数1,参数2…))
- alpha:使图片产生透明渐变效果
参数:opacity 开始时的透明度,从0到100,值越大透明度越低
finishopacity 结束时的透明度,从0到100,值越大透明度越低
style 渐变的样式,0为均匀渐变,1为直线渐变,2为圆形渐变,3为矩形渐变
startx 渐变开始时的横坐标,单位为图片宽度的百分比
starty 渐变开始时的纵坐标,单位为图片宽度的百分比
finishx 渐变开始时的横坐标,单位为图片宽度的百分比
finishy 渐变开始时的纵坐标,单位为图片宽度的百分比 - blur:使图片产生动态模糊效果
参数:add 是否显示原始图片,0表示不显示,1表示显示
direction 控制动态模糊的方向,从0°开始,以45°为一个单位
strength 设置动态模糊的强度,以整数设置,以px为单位 - filph和filpv:控制图片的水平翻转和垂直翻转
- invert:使图片产生底片效果
- gray:使图片产生黑白效果
- invert:使图片产生X光效果
- wave:使图片产生波浪效果
参数:add 是否显示原始图片,0表示不显示,1表示显示
freq 设置图片上的波浪数目,以整数来设置
strength 设置波浪强度的大小
lightstrength 设置波浪的光照强度,设置从0到100
phase 设置波浪的起始位置,设置从0到100 - chroma:设置图片的透明色
参数:color 控制透明的颜色 - dropshadow:呈现阴影效果
参数:color 控制阴影的颜色
offx 阴影对于图片的水平位移,整数向右,负数向左
offy 阴影对于图片的垂直位移,整数向下,负数向上
positive 设置阴影是否透明,0代表透明,1代表不透明
可使用滤镜的标签有:
<body><button><div><img><input><textarea><marquee><table><td>