<strike id="sphij"><label id="sphij"></label></strike>

        <tbody id="sphij"><noframes id="sphij"></noframes></tbody>
      1. <form id="sphij"><meter id="sphij"></meter></form>

          DropShadow屬性在CSS濾鏡中起到的作用是什么?

          2014/6/23 9:28:09  /  ?????
          0

          DropShadow屬性在濾鏡中起到什么作用?很多人看到別人網(wǎng)站上哪些陰影的效果,感覺很不錯,但是自己卻不會添加,那該怎么辦呢?下面我們先來了解下DropShadow屬性的作用吧,DropShadow屬性便是為了添加對象的陰影效果。它實現(xiàn)的效果看上去就像使原來的對象離開頁面,然后在頁面上顯示出該對象的投影。

          讓我們來看一看它的表達(dá)式:

          Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)

          該屬性一共有四個參數(shù):

          Color代表投射陰影的顏色。

          Offx和offy分別X方向和Y方向陰影的偏移量。偏移量必須用整數(shù)值來設(shè)置。如果設(shè)置為正整數(shù),代表X軸的右方向和Y軸的向下方向。設(shè)置為負(fù)整數(shù)則相反。

          Positive參數(shù)有兩個值:True為任何非透明像素建立可見的投影,F(xiàn)alse為透明的像素部分建立可見的投影。

          同樣,我們先來看一個例子(見下圖):

          如圖中的文字就像是從頁面上飛出來一樣,并且留下了一層淡淡的影子,實際上在這里應(yīng)用的就是CSS的DropShadow屬性,我們來看一下它的代碼:

          //

          Love Leaf

          和chroma屬性一樣,Dropshadow屬性對圖象的支持不好,我指的是JPEG、GIF格式的圖象文件。

          不能支持的原因與Chroma一樣,因為這種圖象的顏色很豐富,很難找到一個投射陰影的位置。

          昆明網(wǎng)站制作
          昆明網(wǎng)站建設(shè)

          Give me a message

          給我留言:您可以通過以下方式聯(lián)系我們,或在頁面右側(cè)給我們留言

          CONTACT US

          昆明網(wǎng)站建設(shè)公司——昆明睿騰科技有限公司
          昆明網(wǎng)站建設(shè)公司
          官方微信

          (掃一掃二維碼關(guān)注官方微信)

          昆明網(wǎng)站建設(shè)公司

          136-2942-8065

          咨詢熱線:0871-68365691、68365692、68365693、68365694、 68365695、68365696、68365697、68365698、68365699、68365700

          傳真:0871-65127537

          地址:云南.昆明市.龍泉路實力壹方城6棟1702號

          業(yè)務(wù):昆明網(wǎng)站建設(shè);昆明網(wǎng)站制作;云南網(wǎng)站建設(shè);昆明網(wǎng)站制作公司;云南網(wǎng)站制作公司;昆明網(wǎng)絡(luò)公司;云南網(wǎng)絡(luò)公司

          事務(wù)郵件:294805437@qq.com

          合作伙伴

          友情鏈接

          本站只交換PR≥4 百度BR≥1 快照≤7天的網(wǎng)絡(luò)公司同行網(wǎng)站【申請鏈接】

          售前咨詢

          QQ在線客服 QQ在線客服 QQ在線客服 QQ在線客服

          售后服務(wù)

          QQ在線客服 QQ在線客服 QQ在線客服

          投訴建議

          QQ在線客服
          婷婷五月开心亚洲综合在线,日韩免费精品无码一级片,国产精品日韩无码APP,东京热无码中文字幕视频
          <strike id="sphij"><label id="sphij"></label></strike>

                <tbody id="sphij"><noframes id="sphij"></noframes></tbody>
              1. <form id="sphij"><meter id="sphij"></meter></form>