#CSS3#文字text-stroke文字描邊及漸變
阿新 • • 發佈:2018-11-09
-webkit- 是瀏覽器字首, 表示特定瀏覽器對一個屬性還在實驗階段, 在這裡順便寫下各個瀏覽器的字首:
chrome/ safari -webkit-
firefox -moz-
IE -ms-
opera -o-
文字漸變
1.background-image: -webkit-linear-gradient(top, red, blue);
2.background-image: -webkit-linear-gradient(0deg, red, blue);
3.background-image: -webkit-radial-gradient(center center , red, blue)
文字描邊-text-stroke
說明:複合屬性。設定或檢索物件中的文字的描邊。
相容:目前只有Chrome13.0、safari5.1能支援
語法:text-stroke:[ text-stroke-width ] || [ text-stroke-color ]
text-stroke-width 設定或檢索物件中的文字的描邊厚度
text-stroke-color 設定或檢索物件中的文字的描邊顏色
例:-webkit-text-stroke:1px #f00;text-stroke:1px #f00;