[心得] 用webkit css做金屬字

看板Web_Design作者 (EvenWu)時間15年前 (2010/05/22 13:01), 編輯推噓10(1004)
留言14則, 12人參與, 最新討論串1/1
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

05/22 13:34, , 1F
超棒的!給你一個推!
05/22 13:34, 1F

05/22 13:36, , 2F
超好玩!XD
05/22 13:36, 2F

05/22 14:35, , 3F
真是有趣
05/22 14:35, 3F

05/22 16:17, , 4F
0.0
05/22 16:17, 4F

05/22 17:05, , 5F
厲害!不過你忘了firefox跟opera
05/22 17:05, 5F

05/22 17:13, , 6F
漂亮~!
05/22 17:13, 6F

05/22 18:04, , 7F
不是忘了呀XD ff跟op有提供這些功能的話就來做
05/22 18:04, 7F

05/22 19:15, , 8F
厲害XD...話說我用FF看其實跟Chrome的效果差不多,差別
05/22 19:15, 8F

05/22 19:15, , 9F
只在於FF的文字邊緣比較沒有那麼平滑和台科大三個字的
05/22 19:15, 9F

05/22 19:16, , 10F
金屬漸層沒出來
05/22 19:16, 10F

05/22 21:23, , 11F
因為webkit不只用在瀏覽器 所以會有一些花俏的東西 像動畫
05/22 21:23, 11F

05/22 21:34, , 12F
推一個
05/22 21:34, 12F

05/23 00:35, , 13F
你好棒!!!!
05/23 00:35, 13F

05/23 22:22, , 14F
05/23 22:22, 14F
文章代碼(AID): #1BzsL1uz (Web_Design)