近兩年，html5和css3似乎正在掀起一場網際網路的革命，各種人才紛紛湧向了這波浪潮，各種html5創新應用也如雨後春筍般冒了出來。的確， 這應該是未來web的趨勢了。這兩天我也在學習html5和css3方面的知識，同時總結了幾個典型的css3的文字特效，放在自己的部落格「html5 中文**」上。網上css3文字特效的例子非常多，但這幾個特效應該說都很具有代表性的，其他的也基本都是基於這5個擴充套件開來的，一起來總結一下吧。
3d效果文字
主要用到text-shadow的多層堆疊實現平滑的投影效果，並通過transform實現滑鼠滑過文字放大及通過transition實現淡入淡出的效果
css3燃燒文字特效
主要通過text-shadow及jquery的動態渲染實現的乙個燃燒效果
css3文字顏色漸變特效
這個主要是通過-webkit-gradient實現漸變的，由於是基於webkit核心的，所以只有在基於webkit核心的chrome和safari瀏覽器下才有效果。
css3文字邊框和鏤空文字效果
這個效果主要利用-webkit-text-stroke來完成的，-webkit-text-stroke可以為文字新增邊框。它不但可以設定文字邊框的寬度，也能設定其顏色。而且，配合使用color: transparent屬性，你還可以建立鏤空的字型。
css3內陰影inset效果
主要用background-clip屬性來完成這個inset效果。css3中的background-clip屬性，其主要是用來確定背景的裁剪區域，換句話說，就是如何控制元素背景顯示區域。
經總結，一般我們在做css3文字特效時用的比較多的是text-shadow、transform、transition、-webkit- text-stroke、background-clip這幾個屬性。其他很多效果無非也就是這幾種的不同組合，當然我也是剛剛開始學這方面的，有說的不 對的地方請指出。
css3文字顏色漸變和文字陰影特效
這些效果只在webkit核心的瀏覽器才可以看到，其他瀏覽器需要新增一些回退 這和製作背景漸變效果是一樣的，只是將背景放到了文字上。下面是css cssh1 gradient mediascreenand webkit min device pixel ratio 0 html h1id gradie...
css3文字效果
text shadow 在css3中我們可以給單調的文字加上陰影效果，賦予文字美感 text shadow h shadow v shadow blur color h shadow 必須 水平陰影的位置，允許負值 v shadow 必需 垂直陰影的位置，允許負值 blur 可選 模糊的距離 銳化陰...
css3 文字陰影
text shadow 基本語法 textshadow none length none shadow shadow textshadow none color color length 表示由浮點數字和單位識別符號組成的長度值，可為負值，指定陰影的水平延伸距離 color 表示顏色。陰影位於左上角...