图片CSS滤镜—阴影效果 运用了滤镜filter 属性 滤镜FILTER:Shadow(呈现带有阴影的元素)。 滤镜FILTER:Dropshadow(呈现带有阴影的元素)。 代码如下: 代码1: <DIV style="FILTER: Shadow(color=#4A7AC9,direction=135); WIDTH: 384px; HEIGHT: 304px" align=center><br><IMG src="图片网址"></DIV> 参数说明: 参数 color -->发光颜色 direction -->方向(45度为单位角度)(0、45、90、135、180、225、270、315) 虑镜宽要略大于图宽(建议+24) 虑镜高要略大于图高(建议+24+10) 代码2: <DIV style="FILTER:Dropshadow(color=#333333,offX=5,offY=5); WIDTH: 375px; HEIGHT: 295px" align=center><br><IMG src="图片网址"></DIV> 参数说明: 参数 color -->发光颜色 offX -->水平位移(可正可负) offY -->垂直位移(可正可负) 虑镜宽=图片宽度+水平位移绝对值+10 濾鏡高=图片高度+垂直位移绝对值+10+10 |
评论