[心得] 用webkit css做金屬字

[evenwu (EvenWu)]

http://evendesign.tw/demo/tkda.html
如網址

只能用webkit引擎的瀏覽器測試 (ex: safari, google chorme)
跑出來應該是這樣
http://evendesign.tw/demo/fontface-webkit/fb.png

用了一堆

text-shadow
-webkit-mask-image
-webkit-gradient
-webkit-text-stroke

詳細方法請見html原始碼

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 111.243.6.27
推 shimuraken:超棒的！給你一個推！
推 Kelunyang:超好玩！XD
推 franksmile:真是有趣
推 aiyswu:0.0
→ ken52039:厲害！不過你忘了firefox跟opera
推 timTan:漂亮~!
→ evenwu:不是忘了呀XD ff跟op有提供這些功能的話就來做
推 terrylchen:厲害XD...話說我用FF看其實跟Chrome的效果差不多，差別
→ terrylchen:只在於FF的文字邊緣比較沒有那麼平滑和台科大三個字的
→ terrylchen:金屬漸層沒出來
推 darKyle:因為webkit不只用在瀏覽器 所以會有一些花俏的東西 像動畫
推 kurotanshi:推一個
推 sw12:你好棒!!!!
推 uice:推