CSS 文字樣式技巧
2007/12/28 20:23
瀏覽2,351
迴響0
推薦4
引用0
CSS 文字樣式技巧 利用 CSS 樣式 (尤其是濾鏡效果), 我們可以讓單調的文字變化出更多的花樣, 以下是一些範例, 大家不妨試試看! 如果覺得不錯, 也可以修改相關的參數, 變成自己喜歡的樣子! 變色的文字 語法
變色的文字 執行結果 變色的文字 陰影文字 - 1 (預設值, 方向為 225 度) 語法 漸層底色文字 執行結果 漸層底色文字 流星文字 語法 流星文字 執行結果 流星文字 備註 若不欲直接指定圖片網址, 請下載下方的星星底圖至你的網站指定位置, 再將上述 background:url 改成該處 星星文字 語法 星星文字 執行結果 星星文字 備註 若不欲直接指定圖片網址, 請下載下方的星星底圖至你的網站指定位置, 再將上述 background:url 改成該處 上下標文字 語法 正常字 上標字下標字 執行結果 正常字 上標字下標字
陰影文字 - 1
執行結果 陰影文字 - 1 陰影文字 - 2 (方向為 45 度) 語法 陰影文字 - 2
執行結果 陰影文字 - 2 陰影文字 - 3 (方向為 135 度) 語法 陰影文字 - 3
執行結果 陰影文字 - 3 陰影文字 - 4 (方向為 315 度) 語法 陰影文字 - 4
執行結果 陰影文字 - 4 疊影文字 語法 疊影文字
執行結果 疊影文字 光暈文字 語法 光暈文字
執行結果 光暈文字 發光文字 語法 發光文字
執行結果 發光文字 漸層底色文字 語法 



