成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

CSS3實(shí)現(xiàn)背景顏色漸變

2022-06-29    分類: 網(wǎng)站建設(shè)

一. Webkit瀏覽器

(1) 第一種寫法:
background:-webkit-gradient(linear ,10% 10%,100% 100%,
color-stop(0.14,rgb(255,0,0)),
color-stop(0.5,rgb(255,255,0)),
color-stop(1,rgb(0,0,255)) );

 第一個(gè)參數(shù):表示的是漸變的類型

linear線性漸變

           第二個(gè)參數(shù):分別對(duì)應(yīng)x,y方向漸變的起始位置

             第三個(gè)參數(shù):分別對(duì)應(yīng)x,y方向漸變的終止位置

           第四/五/N個(gè)參數(shù):設(shè)置漸變的位置及顏色


(2)第二種寫法:這種寫法比較簡(jiǎn)單,而且效果比較自然

background:-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#2c91d2));
 第一個(gè)參數(shù):表示的是漸變的類型
 linear線性漸變
 第二個(gè)參數(shù):分別對(duì)應(yīng)x,y方向漸變的起始位置
 第三個(gè)參數(shù):分別對(duì)應(yīng)x,y方向漸變的終止位置
 第四個(gè)參數(shù):設(shè)置了起始位置的顏色
 第五個(gè)參數(shù):設(shè)置了終止位置的顏色

二.Mozilla瀏覽器

(1)第一種寫法:
 background:-moz-linear-gradient(10 10 90deg,
 rgb(25,0,0) 14%,
 rgb(255,255,0) 50%,
                                                                 rgb(0,0,255) 100%);

 第一個(gè)參數(shù):設(shè)置漸變起始位置及角度
 第二/三/四/N個(gè)參數(shù):設(shè)置漸變的顏色和位置

(2)第二種寫法:這種寫法比較簡(jiǎn)單,而且效果比較自然
 background:-moz-linear-gradient(top, #FFC3C8,#FF9298);
 第一個(gè)參數(shù):設(shè)置漸變的起始位置
 第二個(gè)參數(shù):設(shè)置起始位置的顏色
 第三個(gè)參數(shù):設(shè)置終止位置的顏色

三.IE 瀏覽器

 IE瀏覽器實(shí)現(xiàn)漸變只能使用IE自己的濾鏡去實(shí)現(xiàn)

        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffff,endColorstr=#9fffff,grandientType=1);

          第一個(gè)參數(shù):漸變起始位置的顏色
第二個(gè)參數(shù):漸變終止位置的顏色
第三個(gè)參數(shù):漸變的類型

        

       0 代表豎向漸變        1  代表橫向漸變  

     P.S.這里設(shè)置背景的時(shí)候不需要給background設(shè)置,直接用filter即可,不要和其他的瀏覽器混淆

網(wǎng)站題目:CSS3實(shí)現(xiàn)背景顏色漸變
文章路徑:http://jinyejixie.com/news14/172964.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、微信公眾號(hào)、域名注冊(cè)、標(biāo)簽優(yōu)化定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
颍上县| 龙海市| 潮州市| 秀山| 宁乡县| 神池县| 九寨沟县| 定陶县| 河北区| 周宁县| 延长县| 嘉荫县| 罗田县| 丽江市| 凤山县| 当雄县| 仪陇县| 灌阳县| 邵阳县| 绍兴县| 武邑县| 旬邑县| 高州市| 上饶县| 财经| 沾益县| 获嘉县| 醴陵市| 阳城县| 潞西市| 永吉县| 沐川县| 裕民县| 海门市| 大姚县| 余姚市| 云南省| 卓尼县| 宜宾市| 乌恰县| 嘉义市|