你是否想不用photoshop來建立乙個qudmbmhmrt帶漸變的標題文字嗎? 這裡用乙個簡單的css技巧來向你展示如何僅僅使用css和png來製造這種效果. 經測試這種方法適合大多數主流瀏覽器.當然, ie6需要乙個支援透明png的hack(值得慶幸的是微軟正在極力的將使用者的ie6自動公升級到ie7, 延伸閱讀: warning: an ie7 auto-update is coming soon)
優勢這是純粹的css技巧,沒有使用任何ja指令碼或者flash, 並且它可以在大多數瀏覽器上正常工作(ie6需要支援透明png的hack)
這是完美的標題設計,你不必使用photoshop,這將大量節省你的頻寬和時間.
你可以對任何網頁字型使用這種效果,而且字型大小大小也是可變的.
他是如何工作的?
這個技巧很簡單.我們只是簡單的使用了1px寬的透明png覆蓋在了文字上.
html
css關鍵就在這裡:
h1
h1 span
h1
h1 span
就這樣, 你做到了。
使它能夠支援ie6
下面這個hack僅僅是讓ie6支援透明png-24格式的.
CSS實現文字漸變
css實現文字顏色漸變 span font size 30px font weight bold background linear gradient to right,red,blue,yellow webkit background clip text color transparent 文字漸...
CSS教程 CSS讓網頁文字自動隱藏
文字隱藏應用廣泛，但常用的方法沒有什麼親和力。文字隱藏應用廣泛，但常用的方法沒有什麼親和力。常用文字隱藏方法的缺陷 1 diswww.cppcns.complay n 這種方法搜尋引擎可能認為被隱藏的文字屬於垃圾資訊而被忽略 程式設計客棧 螢幕閱讀器會忽略被隱藏的文字。2 visibility hi...
CSS教程 網頁英文本型和中文字型應用
在西方國家的字母體系，分成兩大字族 serif 及 sans serif。其中 typewriter 打字機字型，雖然也是 sans serif，但由於他是等距字，所以另獨立出乙個 typewriter 字族出來。serif 的意思是，在字的筆畫開始及結束的地方有額外的裝飾，程式設計客棧而且筆畫的粗...