立即致電查詢!
電話: 3590-9591

CSS3網頁設計轉場效果示範

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



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

aveego frontpage css3 effect screenshot

有興趣的朋友可以到以下連結一看︰
CSS3網頁設計轉場效果示範

原文網址:
https://www.aveego.com/html/o_38771_0_/css3網頁設計轉場效果示範.html
原文作者︰

更多網頁設計新聞

我們的客戶

我們的客戶