“春天没来”欢迎您
“春天没来”欢迎您
DropShadow滤镜:
为各种对象添加投影。阴影算法基于模糊滤镜,使用同一个框型滤镜。投影样式有3个选项,包括内缘或外缘阴影和挖空模式。
语法:
filter: dropshadow(color=#01f000,offX=-2,offY=-2,Positive=1)
代码解析:
filter :滤镜。dropshadow 。重叠阴影效果。color=#01f000 :阴影颜色。offX=-2 :阴影相对于原始对象的水平位移量。值为整数,单位为像素。若水平往右移,则正数;反之为负数。offY=-2 :阴影相对于原始对象的垂直位移量。值为整数,单位为像素。若垂直往下移,则正数;反之为负数。Positive=1 :设置阴影的透明度,0(透明)1(不透明)
注:阴影的透明度设置为Positive=0时,阴影颜色呈现为长方形的小方块,阴影呈现为透明的白色阴影。
代码举例:
<p style="width: 560px; filter: dropshadow(color=#01f000,offX=2,offY=2,Positive=1);"><font style="line-height: normal; font-size: 40pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="华文行楷"><b>“春天没来”欢迎您</b></font></p>
常用属性介绍:
|
属性 |
说明 |
1. |
alpha:Number |
阴影颜色的 Alpha 透明度值。有效值为 0 到 1。例如,.25 设置透明度值为 25%。默认值是 1 |
2. |
angle:Number |
阴影的角度。有效值为 0 到 360?(浮点)。默认值是 45。角度值表示理论上的光源落在对象上的角度,它决定了效果相对于该对象的位置。 如果距离设置为 0,则该效果相对于该对象没有发生偏移,因此 angle 属性没有任何效果。 |
3. |
blurX:Number |
水平模糊量。有效值为 0 到 255(浮点)。默认值为 4。作为 2 的乘方的值(如 2、4、8、16 和 32)经过了优化,呈现速度比其它值更快。 |
4. |
blurY:Number |
垂直模糊量。有效值为 0 到 255(浮点)。默认值为 4。作为 2 的乘方的值(如 2、4、8、16 和 32)经过了优化,呈现速度比其它值更快。 |
5. |
color:Number |
阴影的颜色。有效值采用十六进制格式 0xRRGGBB。默认值为 0x000000 |
6. |
distance:Number |
阴影的偏移距离,以像素为单位。 默认值为 4(浮点) |
7. |
hideObject:Boolean |
表示是否隐藏对象。如果值为 true,则表示没有绘制对象本身,只有阴影是可见的。默认值为 false(显示对象)。 |
8. |
inner:Boolean |
表示阴影是否为内侧阴影。值为 true 表明是内侧阴影。默认为 false,即外侧阴影,它表示对象外缘周围的阴影。 |
9. |
knockout:Boolean |
应用挖空效果 (true),这将有效地使对象的填色变为透明,并显示文档的背景颜色。默认值为 false(不应用挖空效果)。 |
10. |
quality:Number |
应用滤镜的次数。有效值为 0 到 15。默认值为 1,它表示低品质。值为 2 表示中等品质,值为 3 表示高品质。滤镜的值越小,呈现速度越快。 |
11. |
strength:Number |
印记或散布的强度。该值越高,印记的颜色越深,而且阴影与背景之间的对比度也越强。有效值为 0 到 255。默认值为 1。 |
|