文章詳情頁(yè)
css3 實(shí)現(xiàn)一個(gè)線性漸變出現(xiàn)的問(wèn)題?
瀏覽:335日期:2023-08-12 14:14:34
問(wèn)題描述

.linear { position: relative; height: 1px; width: 100%; background: -webkit-linear-gradient(left,#fff 20%,#000 60%,#fff 20%);}
結(jié)果就變成了這樣:

不知道哪里出現(xiàn)了問(wèn)題?
問(wèn)題解答
回答1:用法:-webkit-linear-gradient(left,#fff 20%,#000 60%, #fff);
顏色斷點(diǎn)后面跟著百分比,是整個(gè)線性距離的百分比,所以,最前面應(yīng)該是 0%,最后是 100%,其余百分比依次遞增。0% 與 100% 可以省略不寫(xiě)。
標(biāo)簽:
CSS
上一條:CSS3的漸變屬性的疑惑下一條:css3像卷軸一樣展開(kāi)
相關(guān)文章:
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?3. nignx - docker內(nèi)nginx 80端口被占用4. docker容器呢SSH為什么連不通呢?5. mac里的docker如何命令行開(kāi)啟呢?6. 關(guān)于docker下的nginx壓力測(cè)試7. 如何解決Centos下Docker服務(wù)啟動(dòng)無(wú)響應(yīng),且輸入docker命令無(wú)響應(yīng)?8. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????9. docker start -a dockername 老是卡住,什么情況?10. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。
排行榜

熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備