中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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即可,不要和其他的瀏覽器混淆

新聞名稱:CSS3實(shí)現(xiàn)背景顏色漸變
文章出自:http://www.rwnh.cn/news/172964.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、建站公司、外貿(mào)建站、企業(yè)建站、靜態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)

廣告

聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
长岭县| 霍林郭勒市| 科尔| 杭锦旗| 大同市| 霞浦县| 年辖:市辖区| 寿宁县| 司法| 瑞丽市| 平原县| 田东县| 晋宁县| 岗巴县| 阳谷县| 土默特左旗| 舒兰市| 庆阳市| 镇安县| 安达市| 资阳市| 班玛县| 克什克腾旗| 南平市| 远安县| 海原县| 巴中市| 米泉市| 讷河市| 外汇| 襄樊市| 长宁区| 安丘市| 巴东县| 专栏| 边坝县| 大埔区| 玛曲县| 樟树市| 屏东县| 望城县|