今天我們想與大家分享一組創意的頁面切換熊效果集合。我們已經在示例中羅列了一組動畫，可以被應用到頁面切換過程中，創造出很有趣的導航效果。
使用 CSS3 打造一組質感細膩絲滑的按鈕
CSS3 引入了眾多供功能強大的新特性，讓設計和開發人員能夠輕鬆的創作出各種精美的介面效果。下面這些發出閃亮光澤的按鈕，很漂亮吧？把滑鼠懸停在按鈕上，還有動感的光澤移動效果。
純 CSS 繪製《辛普森一家》人物頭像
一組純 CSS 繪製的《辛普森一家》人物頭像。《辛普森一家》（The Simpsons）是馬特·格勒寧為美國福克斯廣播公司創作的一部動畫情景喜劇。
帶有 CSS3 閃亮特效的縮圖相簿
ShineTime 是一個效果非常精緻的縮圖相簿，滑鼠懸停到縮圖的時候有很炫的閃光效果，基於 CSS3 實現，另外縮圖也會有立體移動的效果。
CSS & jQuery 製作一款漂亮的多彩時鐘
大家可能見過各種各樣的時鐘效果，比如多年前非常流行的 Flash 製作的各種新奇的動畫時鐘，現在的 Web 開發者們又開始應用 CSS3 和 Canvas 等最新技術來實現。
美妙的 CSS3 動畫！一組夢幻般的按鈕效果
今天給大家帶來的是五款夢幻般的動畫按鈕效果。下面是線上演示，把滑鼠放在按鈕上試試，有驚喜哦！CSS3 引入了眾多供功能強大的新特性，讓設計和開發人員能夠輕鬆的創作出各種精美的介面效果。
網頁邊欄過渡動畫
以細微的過渡動畫顯示一些隱藏的側邊欄，其餘的內容也是。通常側邊欄滑入，把其他內容推到一邊。這個可過程中可以加入很多微妙而奇特的效果。
純 CSS3 製作可口可樂罐
CSS3 可以製作的效果很多，下面是一個立體的可口可樂罐。
使用 CSS3 實現 3D 圖片滑塊效果
使用 CSS3 的3D變換特性，我們可以通過讓元素在三維空間中變換來實現一些新奇的效果。 這篇文章分享的這款 jQuery 立體圖片滑塊外掛，利用了 3D transforms（變換）屬性來實現多種不同的效果。
單元素實現的 CSS 載入進度提示效果
之前的文章個大家分享過各種型別的載入效果（Loading Effects），這裡再給大家奉獻一組基於單個元素實現的 CSS 載入動畫集合。這些載入效果都是基於一個 DIV 元素實現的，十分強悍。
使用 CSS3 製作網格動畫效果
今天我們想與大家分享一個小的動畫概念。這個夢幻般的效果是在馬庫斯·埃克特的原型應用程式裡發現的。實現的基本思路是對網格專案進行 3D 旋轉，擴充套件成全屏，並呈現內容。
超炫的核取方塊（Checkbox）效果
核取方塊（Checkbox）在各個瀏覽器中的效果不一致，因此很多 Web 開發人員會自己重新設計一套介面和使用體驗都更佳的核取方塊功能。
來自：前端裡
相關閱讀
評論(1)