[07/05][交流]CSS滤镜运用——DROPSHADOW（投影）滤镜
<table border=1 cellspacing=5 cellpadding=5 width=750 background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/03/n2.gif><tr><td colspan=2><BR><BR><font size=4 color=purple><b>
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式：<BR><BR>
Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，Positive=positive）<BR><BR>
该属性一共有四个参数： Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。<BR><BR>
Positive参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。
<BR><BR>
和chroma属性一样，Dropshadow属性对图象的支持不好，我指的是JPEG、GIF格式的图象文件。<BR><BR>
不能支持的原因与Chroma一样，因为这种图象的颜色很丰富，很难找到一个投射阴影的位置。
<BR><BR></b></font></td></tr>
<tr><td colspan=2><BR><BR><BR><font size=4 color=purple><b>看看效果吧：</b></font></td></tr>
<tr><TD width=50%><center><font size=3>效果图</center><td width=50%><center><font size=3>代码</center></td></tr>
<tr><TD width=50%><center>
<font style="font-size:30PT;font-family:隶书;color=red;filter:dropshadow(color=black,offx=5,offy=5,positive=true);width=100%;line-height:150%">欢迎光临音画学堂！</font>
</center></td>
<td width=50%><center>
<textarea rows=6 cols=54>
<font style="font-size:30PT;font-family:隶书;color=red;filter:dropshadow(color=black,offx=5,offy=5,positive=true);width=100%;line-height:150%">欢迎光临音画学堂！</font>
</textarea></center></td></tr>
</table> <font style="font-size:30PT;font-family:楷书;color=red;filter:dropshadow(color=black,offx=5,offy=5,positive=true);width=100%;line-height:150%">欢迎光临音画学堂！</font> 可 惜 啊 … 不 適 合 用 在 圖 片 上 … <font style="font-size:30PT;font-family:隶书;color=red;filter:dropshadow(color=Pink,offx=5,offy=5,positive=true);width=100%;line-height:150%">偶是来串门的，又学到东西咯！</font> 学习中~~ <font style="font-size:30PT;font-family:隶书;color=red;filter:dropshadow(color=black,offx=5,offy=5,positive=true);width=100%;line-height:150%">是真的吗？！</font>
页:
[1]