一款純css3實現的環形導航菜單
之前為大家介紹了好幾款導航菜單，今天要給大家帶來一款純css3實現的環形導航菜單。該導航比較新鮮，列表圖標位於中間，單擊列表圖標的時候，各項分布於列表圖表的四周。形成一個環形。效果圖如下： 在線預覽 源碼下載 實現的代碼。 html代碼： css代碼 ...
原文：一款CSS3仿Google Play的垂直菜單
之前分享過一款非常酷的CSS 垂直下拉動畫菜單，是多級菜單。今天我們來看一款也是用CSS 制作的垂直菜單，是仿Google Play的菜單，菜單項都帶有可愛的小圖標，可以先來看看效果圖： 當然你可以在這里看到這款垂直菜單的DEMO演示。 接下來我們來一起分析一下這款Google Play垂直菜單的源代碼，菜單主要由HTML代碼和CSS代碼組成。 先來看看HTML代碼結構： 看起來結構是不是很清晰， ...
2014-05-04 12:58 6 2788 推薦指數：
相關推薦
一款非常棒的純CSS3 3D菜單演示及制作教程
這段時間比較忙，很久沒在這里分享一些漂亮的HTML5和CSS3資源了，今天起的早，看到一款很不錯的CSS3 3D菜單，覺得非常上眼，就將它分享給大家，順便來分析一下實現的源碼。下面是效果圖： 看了效果圖是不是覺得它是一副麻將，對，第一眼我也認為是用CSS3寫的麻將特效，結果我錯了，它只是長得 ...
一款純css實現的垂直時間線效果
今天給大家分享一款純css實現的垂直時間線效果。垂直時間線適合放在類似任務時間安排的網頁上。該實現采用了藍色作為主題色，界面效果還不錯。一起看下效果圖： 在線預覽 源碼下載 實現的代碼。 html代碼： css代碼： 注：本文愛編程原創文章，轉載請注明 ...
一款純css3實現的漂亮的404頁面
之前為大家分享了那些創意有趣的404頁面， html5和css3打造一款創意404頁面， HTML5可愛的404頁面動畫很逗的機器人。今天再給大家分享一款純css3實現的漂亮的404頁面。效果圖如下： 在線預覽 源碼下載 實現的代碼。 html代碼： css3代碼 ...
非常酷的CSS3垂直下拉動畫菜單
昨天我向大家介紹了一款兼容性不錯的jQuery淡入淡出下拉菜單，今天要分享一款相對絢麗的CSS3垂直下拉動畫菜單，不過需要支持CSS3的瀏覽器才能有效果。下面是效果圖，一起看看。 我們也可以在這里查看菜單DEMO演示。 下面來分析一下源代碼，首先是HTML代碼： 這里用ul ...
[轉] CSS3垂直手風琴折疊菜單
[From] http://www.html5tricks.com/css3-ver-accordion-menu.html 之前我們已經分享過很多關於手風琴菜單了，有水平方向的，也有垂直方向的。今天要分享的這款CSS3垂直手風琴折疊菜單也非常不錯，這款CSS3手風琴菜單的每一個菜單項都有 ...
jQuery css3仿游戲網站右鍵環形菜單
效果展示 http://hovertree.com/texiao/jquery/86/PC用戶右鍵彈出環形菜單。手機用戶掃描二維碼：長安可以彈出環形菜單。 轉自：http://hovertree.com/h/bjaf/aht9w1n8.htm web前端特效:http ...
8款超酷實用的CSS3 Tab菜單集合
1、CSS3華麗的Tab菜單 帶小圖標動畫 之前我們分享過一款非常出色的CSS3 Tab菜單HTML5 SVG Tab滑塊菜單，結合SVG，Tab菜單實現非常靈活。今天我們要再來分享一款基於CSS3的華麗Tab菜單，這款Tab菜單的菜單項是一個個小圖標，鼠標滑過時，菜單項展示對應文字，並出現展開 ...