CSS3網頁設計轉場效果示範

CSS3的轉場效果(transition)雖然未普及，但隨著IE的佔有率持續下滑和Chrome的持續上升，加上全面支援CSS3的IE10會在下年面世，距離大規模應用的日子相信愈來愈近。一些前衛的網頁設計師亦已經開始進行實驗性工作，今次介紹的網頁就是簡單在同一個屬性(property)套用兩組數值來測試效果，估不到的是原來只要簡單更改一些如letter-spacing和text-indent就可以產生有趣的效果。







筆者也因此改動了公司的頭版網頁設計，利用line-height為Firefox加入了少許CSS3的動態效果，製作十分簡單，而且運作起來的確比jQuery暢順，不過現段階最麻煩的是要為不同的瀏覽器加上不同的prefix，這方面還是要利用jQuery來幫忙一下。







有興趣的朋友可以到以下連結一看︰

CSS3網頁設計轉場效果示範



原文網址:

http://www.aveego.com/html/o_38771_/css3網頁設計轉場效果示範.html