css中的dropshadow屬性是給對(duì)象添加陰影效果的。它實(shí)現(xiàn)的效果看上去就像使原來的對(duì)象離開頁(yè)面,然后在頁(yè)面上顯示出該對(duì)象的投影。
表達(dá)式:
filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)
說明:
dropshadow屬性一共有四個(gè)參數(shù):
color代表投射陰影的顏色。
offx和offy分別x方向和y方向陰影的偏移量。偏移量必須用整數(shù)值來設(shè)置。如果設(shè)置為正整數(shù),代表x軸的右方向和y軸的向下方向。設(shè)置為負(fù)整數(shù)則相反。
positive參數(shù)有兩個(gè)值:true為所有非透明像素建立可見的投影,false為透明的像素部分建立可見的投影。
dropshadow屬性和chroma屬性一樣,Dropshadow屬性對(duì)圖象的支持不好,我指的是JPEG、GIF格式的圖象文件,不能支持的原因與Chroma一樣,因?yàn)檫@種圖象的顏色很豐富,很難找到一個(gè)投射陰影的位置。請(qǐng)看下面實(shí)例:
- <html>
- <head>
- <title>CSS濾鏡之DropShadow屬性簡(jiǎn)介-IT技術(shù)論壇</title>
- <style>
- div {position:absolute;top:20;width:350;
- filter:dropshadow(color=#ffccff,offx=10,offy=10,positive=1);}
- </style>
- </head>
- <body>
- <div>
- <p style="font-family:matisse itc;font-size:50; font-weight:bold;color:#cc00cc;">IT技術(shù)論壇 http://www.itjishu.com</p>
- </div>
- </body>
- </html>
復(fù)制代碼