日本女优天堂网|日韩亚洲经典视频在线观看|一区二区三区国产毛码|久久精品国产精品亚洲艾草网

<span id="liouc"><var id="liouc"></var></span>

  1. <tt id="liouc"><var id="liouc"><ruby id="liouc"></ruby></var></tt>
    <dfn id="liouc"><table id="liouc"></table></dfn>
  2. DropShadow屬性在CSS濾鏡中起到的作用是什么?

    發(fā)布時(shí)間:2014-04-17 發(fā)布者: 點(diǎn)擊:

    首頁(yè)>建站常識(shí)
    DropShadow屬性在濾鏡中起到什么作用?很多人看到別人網(wǎng)站上哪些陰影的效果,感覺(jué)很不錯(cuò),但是自己卻不會(huì)添加,那該怎么辦呢?下面我們先來(lái)了解下DropShadow屬性的作用吧,DropShadow屬性便是為了添加對(duì)象的陰影效果。它實(shí)現(xiàn)的效果看上去就像使原來(lái)的對(duì)象離開(kāi)頁(yè)面,然后在頁(yè)面上顯示出該對(duì)象的投影。
    讓我們來(lái)看一看它的表達(dá)式:
      Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)
      該屬性一共有四個(gè)參數(shù):
    Color代表投射陰影的顏色。
    Offx和offy分別X方向和Y方向陰影的偏移量。偏移量必須用整數(shù)值來(lái)設(shè)置。如果設(shè)置為正整數(shù),代表X軸的右方向和Y軸的向下方向。設(shè)置為負(fù)整數(shù)則相反。
      Positive參數(shù)有兩個(gè)值:True為任何非透明像素建立可見(jiàn)的投影,F(xiàn)alse為透明的像素部分建立可見(jiàn)的投影。
      同樣,我們先來(lái)看一個(gè)例子(見(jiàn)下圖):
    c2876df7tx6BnForAKBa1&690.jpg
    如圖中的文字就像是從頁(yè)面上飛出來(lái)一樣,并且留下了一層淡淡的影子,實(shí)際上在這里應(yīng)用的就是CSS的DropShadow屬性,我們來(lái)看一下它的代碼:
      
        <html>
       <head>
       <title>dropshadow </title>
       <style>//
       <!--
       div {position:absolute;top:20;width:300;
       filter:dropshadow(color=#FFCCFF,offx=15,offy=10,positive=1);}
        -->
       //
       </style>
       </head>
       <body>
       <div>
       <p style="font-family:matisse itc;font-size:64;
            font-weight:bold;color:#CC00CC;">
       //
       Love Leaf </p>
       </div>
       </body>
       </html>
      和chroma屬性一樣,Dropshadow屬性對(duì)圖象的支持不好,我指的是JPEG、GIF格式的圖象文件。
      不能支持的原因與Chroma一樣,因?yàn)檫@種圖象的顏色很豐富,很難找到一個(gè)投射陰影的位置。