需要用到文字鏤空效果熔恢，搞定之后決定寫一篇博客總結(jié)下過去筑累，展望下未來。突然間發(fā)現(xiàn)以前寫過一篇關(guān)于CSS文字控制技術(shù)的總結(jié)逻炊，一不做二不休拿來稍微改下標(biāo)題互亮。在版權(quán)意識猛增的今天，自己給自己授權(quán)又不是多大個事兒余素。老規(guī)矩豹休，原創(chuàng)手打妹子鎮(zhèn)樓~
在CSS中和文本顏色有關(guān)的屬性分別是color，text-fill-color溺森，text-stroke慕爬，text-shadow，filter: drop-shadow()...我目前想到的也就是這些了屏积。color比較簡單医窿，不在今天裝B的范圍內(nèi)，text-shadow和filter: drop-shadow()是操作投影炊林，這與文本本身顏色關(guān)系不是很大姥卢。重點就是要總結(jié)text-fill-color和text-stroke兩個屬性。
剛看到text-fill-color和text-stroke你可能覺的陌生，主要是它比較“新”独榴，主流瀏覽器支持情況很是讓人抓狂僧叉。
IE和opera直接不支持，其他瀏覽器的支持的版本也較高棺榔。也就是說在使用這兩個屬性的時候必須要加-webkit-前綴瓶堕。想想蛋就莫名的疼了起來。好吧約定下本文中全部省略前綴症歇，各位在自己眼中默認(rèn)加上吧郎笆。
唧唧歪歪的半天，還沒說這倆貨是干嘛的忘晤。text-fill-color從字面理解就是文字填充色宛蚓，當(dāng)這條屬性生效的時候，會自動覆蓋color屬性设塔。 說直白點凄吏，就是決定文字的刷上什么顏色的油漆。text-stroke是指文字描邊色闰蛔，決定文字的邊緣用什么顏色描邊痕钢。總結(jié)如下：
-
text-fill-color：設(shè)置文字填充色钞护。它接受一個值盖喷，顏色值或是透明(transparent)；和color同時使用會覆蓋color的值难咕； -
text-stroke：設(shè)置文字描邊色。是text-stroke-width和text-stroke-color的簡寫形式距辆；接受兩個值余佃，描邊的寬度和顏色值； -
text-fill-color和text-stroke瀏覽器支持程度讓人很不樂觀跨算，使用的時候必須加-webkit-前綴爆土。
需要記憶和理解的東西就上面這么一點，很好學(xué)習(xí)對吧诸蚕。為了加深記憶步势，有興趣的可以點進去看下 ==>text-fill-color和text-fill-color的demo <==精髓都在這里面了。多試幾次能對這兩個屬性有更好的理解背犯。
東西很少坏瘩，好了先弄到這里吧，這幾天感冒頭暈難受~這個B我就不多裝了漠魏。大致想了下配合animation屬性應(yīng)該能做出很不錯的效果倔矾，當(dāng)然了這只是我的想象，不行了堅持不住了。等感冒好了再來補吧哪自！
