分享

☆Dropshadow滤镜文字(重叠阴影效果)

 春天没来 2013-01-25

“春天没来”欢迎您

“春天没来”欢迎您

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。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多