|
為什么使用text-shadow：
- 可以增強(qiáng)文字質(zhì)感
- 可以減少圖片的使用,減少帶寬支出
- 隨著Firefox 3.5支持text-shadow,不久很多人將可以看到你定義的陰影
不相信?請(qǐng)看看下面的截圖,這是對(duì)http://tweetcc.com/網(wǎng)站分別在safari 4(win)與Firefox 3.0.11下所進(jìn)行的截圖.很明顯在有text-shadow應(yīng)用下整體文字層次感好了許多.
其他例子
接下來我們繼續(xù)看看一些有趣的text-shadow下的例子吧,首先看看 vikiworks 用text-shadow來顯示程序代碼.很多人都覺得這個(gè)效果很贊,沒錯(cuò),該網(wǎng)站用的就是css3屬性.
參考資料及常見問題
看完上面覺得不夠,那么可以參考一下下面的文章：
問題有:
- 如果使用了blur,也就是定義了陰影模糊半徑,會(huì)導(dǎo)致頁面在滾動(dòng)時(shí)變慢.
轉(zhuǎn)載請(qǐng)注明來源: http://www.ediyang.com/css3-text-shadow-why-and-how/
請(qǐng)留意:本文章旨在拋磚引玉引起大家對(duì)CSS3的興趣.也比較側(cè)重該屬性呈現(xiàn)的效果,所以對(duì)該屬性的技術(shù)性講解及定義都有所偏差,請(qǐng)?jiān)?
本文鏈接：http://m.95time.cn/tech/web/2009/6826.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 CSS3:文字陰影知多少 [1] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 CSS3:文字陰影知多少 [2]
