CSS3的漸變屬性的疑惑
問題描述
background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
沒見過這種語法格式欸,有點(diǎn)不懂什么啥意思
見過的都是這種格式background: linear-gradient(direction, color-stop1, color-stop2, ...);
關(guān)于第一種格式希望大神能解析一下并且推薦一些資料謝謝!
問題解答
回答1:這是webkit內(nèi)核漸變的老式書寫規(guī)則:-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) //老式語法書寫規(guī)則;例如:background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));
回答2:webkit-是兼容前綴,它告訴-webkit-內(nèi)核的瀏覽器采用自己的方法來實(shí)現(xiàn)后綴后面的樣式,一般完整的兼容前綴是:
{ -webkit-style: value; -moz-style: value; -ms-style: value; -o-style: value; style: value;}
這樣瀏覽器就能自動(dòng)識別支持的那一個(gè)樣式。比如用chrome,它是-webkit-內(nèi)核,因此只識別-webkit-前綴的樣式和沒有前綴的樣式。-webkit-前綴告訴chrome用自己的實(shí)現(xiàn)方式渲染漸變,但最終樣式依然由沒有前綴的樣式?jīng)Q定。
相關(guān)文章:
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題2. javascript - (_a = [""], _a.raw = [""],....); js一個(gè)小括號的是什么意思?3. javascript - 關(guān)于微信掃一掃的技術(shù)問題4. html - Python2 BeautifulSoup 提取網(wǎng)頁中的表格數(shù)據(jù)及連接5. javascript - 關(guān)于js高級程序中的問題6. html5 - 請問利用font-face定義的字體怎么在canvas里應(yīng)用?7. 小白學(xué)python的問題 關(guān)于%d和%s的區(qū)別8. html5 - css 這種六邊形的邊框怎么畫?9. javascript - vuex中子組件無法調(diào)用公共狀態(tài)10. javascript - js正則替換日期格式問題
