前段時間整理了CSS3中的漸變Gradient、透明度RGBA、邊框圓角box-radius三個新屬性的使用方法,這幾次繼續整理了有關于CSS3的text-shadow的使用方法。今天特意花了點時間貼上來與有共同愛好的朋友一起分享這個新屬性的應用。
text-shadow還沒有出現時,大家在網頁設計中陰影一般都是用photoshop做成圖片,現在有了css3可以直接使用text-shadow屬性來指定陰影。這個屬性可以有兩個作用,產生陰影和模糊主體。這樣在不使用圖片時能給文字增加質感。
text-shadow曾經在css2中就出現過,但在css2.1版本中又被拋棄了,現在css3.0版本又重新撿回來了。這說明text-shadow這個屬性非常值得我們做前端的人員重視?,F在很多項目中,css3有很多屬性被前端工程師們使用了,我在前面也分別介紹過css3中的漸變,透明度,圓角三個屬性的使用,而且css3這么多屬性中,我個人覺得text-shadow運用得是最多的一個屬性,作為我們前端人員我覺得有必要學習并掌握這個text-shadow屬性。
語法:
新聞熱點
疑難解答