今天分享一個(gè)css3的新屬性。text-shadow。
text-shadow可以設(shè)置文字陰影效果對(duì)文字字體設(shè)置陰影效果樣式,本來(lái)在CSS2版本中也有此屬性,但在CSS3中文字陰影text-shadow再次被應(yīng)用,豐富文字排版布局美化效果。
在我們做愛(ài)優(yōu)愛(ài)評(píng)網(wǎng)站的時(shí)候。文字在圖片的上面。如果網(wǎng)站上傳的圖片背景偏白色的話(huà),那么就看不到文本的內(nèi)容了。
于是給文字加添了一個(gè)text-shadow的屬性。加了這個(gè)屬性之后,就算背景圖是白色的,也能看得見(jiàn)文字。
代碼如下:
h1 { color: #fff; text-shadow:2px 2px 8px #FF0000;}
山東濟(jì)南文匯App開(kāi)發(fā),網(wǎng)站建設(shè),微信小程序開(kāi)發(fā)!
關(guān)于text-shadow兼容:CSS3樣式IE9以上版本瀏覽器支持、谷歌瀏覽器支持。
分享結(jié)束,如果想看到更多的新聞內(nèi)容,請(qǐng)關(guān)注山東文匯信息服務(wù)官網(wǎng)。
上一篇: css3的動(dòng)畫(huà)屬性