<center id="b7tyd"></center>
        <small id="b7tyd"><mark id="b7tyd"></mark></small>

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

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

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

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

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

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

        Color代表投射陰影的顏色。

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

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

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

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

        //

        Love Leaf

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

        不能支持的原因與Chroma一樣,因?yàn)檫@種圖象的顏色很豐富,很難找到一個(gè)投射陰影的位置。

        昆明網(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

        地址:云南.昆明市.龍泉路實(shí)力壹方城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在線客服
        东京热无码视频国产,久久AV无码精品人妻出轨,超碰人人色婷婷五月天,少妇高潮叫床在线播放 97久久精品人人做人人爱 国产一区二区在线无码视频 亚洲AV无码乱码国产精品一区二区三区

            <center id="b7tyd"></center>
              <small id="b7tyd"><mark id="b7tyd"></mark></small>