5.11.2010

CSS3設計實例:12個優秀的按鈕和菜單

CSS3 正在改變我們建立網站的方式。盡管由於在一些瀏覽器缺乏支持,許多人仍不願開始使用 CSS3 技術。但仍有一些人正在使用 CSS3 嘗試做一些很酷的新功能和令人稱奇的案例。利用 CSS3 創造按鈕和菜單導航等美觀的效果時,再也不會有這麼多對 JavaScript 和圖片的依賴。因此為了鼓勵開始試驗 CSS3,芒果整理收集了 12 個優秀的 CSS3 按鈕和菜單技巧。

純 CSS 實現 Google 按鈕

clip_image001

CSS3 Tab 選項卡

clip_image002

放射形狀按鈕

clip_image003

純 CSS 實現蘋果網站導航欄效果

clip_image004

使用 CSS Image Sprites 創建一個簡單的按鈕

clip_image005

使用 CSS3 創建動態按鈕

clip_image006

純 CSS3 實現創建深度漂亮的 3D 絲帶效果

clip_image007

大塊厚實的 CSS3 菜單

clip_image008

CSS3 下拉菜單

clip_image009

漂亮的 CSS 按鈕

clip_image010

CSS3 模擬 jQuery 菜單效果

clip_image011

基於 CSS3 的橫向下拉菜單選項卡

clip_image012

英文原稿:12 Excellent CSS3 Button and Menu Techniques | Web Designer Ledger

0 留言:

發佈留言

您使用留言則表示同意及遵守使用條款及守則

建議: 為方便留言回覆,請不要用匿名方式 留言。