CSS3的漸變屬性的疑惑
問(wèn)題描述
background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
沒(méi)見(jiàn)過(guò)這種語(yǔ)法格式欸,有點(diǎn)不懂什么啥意思
見(jiàn)過(guò)的都是這種格式background: linear-gradient(direction, color-stop1, color-stop2, ...);
關(guān)于第一種格式希望大神能解析一下并且推薦一些資料謝謝!
問(wèn)題解答
回答1:這是webkit內(nèi)核漸變的老式書(shū)寫(xiě)規(guī)則:-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) //老式語(yǔ)法書(shū)寫(xiě)規(guī)則;例如:background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));
回答2:webkit-是兼容前綴,它告訴-webkit-內(nèi)核的瀏覽器采用自己的方法來(lái)實(shí)現(xiàn)后綴后面的樣式,一般完整的兼容前綴是:
{ -webkit-style: value; -moz-style: value; -ms-style: value; -o-style: value; style: value;}
這樣瀏覽器就能自動(dòng)識(shí)別支持的那一個(gè)樣式。比如用chrome,它是-webkit-內(nèi)核,因此只識(shí)別-webkit-前綴的樣式和沒(méi)有前綴的樣式。-webkit-前綴告訴chrome用自己的實(shí)現(xiàn)方式渲染漸變,但最終樣式依然由沒(méi)有前綴的樣式?jīng)Q定。
相關(guān)文章:
1. nignx - docker內(nèi)nginx 80端口被占用2. docker容器呢SSH為什么連不通呢?3. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件4. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?5. 關(guān)于docker下的nginx壓力測(cè)試6. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””7. mac里的docker如何命令行開(kāi)啟呢?8. docker gitlab 如何git clone?9. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下10. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。

網(wǎng)公網(wǎng)安備