下拉阴影效果标签代码dropshadow

下拉阴影效果标签代码dropshadow

dropshadow 滤镜可以用来设置元素的阴影效果,也可以设置阴影显示的范围和颜色等效果。

【标签说明】

filter:dropshadow(color=阴影的颜色, offx=水平偏移, offy=垂直偏 移, positive=透明元素的阴影)

说明:color,设置阴影的颜色,可以使用颜色的英文名称,也可以使用十六进制颜色代码。offx,设置阴影相对元素来说,在水平方向的偏移量必须用整数来表示。如果为正数则表示沿 x 轴向右偏移;如果为负数则表示沿 x 轴向左偏移。该参数以像素为单位。offy,设置阴影相对元素来说,在垂直方向的偏移量必须用整数来表示。如果为正数表示沿 y 轴向上偏移,如果为负数则表示沿y轴向下偏移。该参数以像素为单位。positive,设置是否为透明元素创建阴影,设置为1,表示为不透明的元素创建阴影;反之,如果设置为0,则为透明元素创建阴影。

【实例】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css滤镜</title> <style> .dv1{ filter:dropshadow(color=yellow, offx=5, offy=10, positive=1); width:400px; height:100px} .dv2{ filter:dropshadow(color=#00cc00, offx=10, offy=6, positive=0); width:300px; height:250px; } </style> </head> <body> <div class="dv1"> <font face="隶书" color="#000099" size="+5">欢迎光临我的网站

</font> </div> <div class="dv2"> <img src="1-31.jpg"> </div> </body> </html>

【运行结果】

在上述代码中分别为文字和

CSS设置阴影效果

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

下拉阴影效果标签代码dropshadow