1、jQuery/CSS3書本翻頁動畫特效 多功能選項支援
這是一款基於jQuery和CSS3的書本翻頁動畫特效，該書本翻頁外掛的外觀非常華麗喜慶，非常適合產品活動或者育兒網站使用。我們可以點選左右翻頁按鈕進行翻頁，也可以使用滑鼠拖拽頁尾來實現翻頁動畫。這是個jQuery外掛，因此相容性還不錯。
2、jQuery縱向分類下拉選單導航
今天我們要來分享一款jQuery縱向分類選單，這款jQuery選單是下拉選單，滑鼠滑過選單項時即可展開相應的子選單，並伴隨很酷的淡入淡出和滑塊動畫效果。當滑鼠滑過選單項時，選單項的背景顏色也會有漸變的效果。
3、純CSS3實現自行車動畫特效
這是一款用純CSS3實現的自行車動畫，自行車的各個部位都是用CSS3繪製而成，外觀非常逼真，很有坐上去騎一把的衝動。更有意思的是，由於CSS3動畫的運用，這輛自行車是動態的，它可以模擬真實的自行車運動的動畫，包括輪胎的轉動和齒輪的傳動。
4、基於Bootstrap的CSS3下拉選單 選單3D立體效果
Bootstrap是Twitter推出的一個用於前端開發的開源工具包，基於Bootstrap框架，我們可以方便地製作漂亮的UI介面。今天要分享的這款CSS3下拉選單就是基於Bootstrap的，下拉子選單的外觀也非常不錯，同時選單也具有3D立體的視覺效果。
5、jQuery縮圖動態縮放焦點圖
今天我們要來分享一款jQuery焦點圖，這款jQuery焦點圖的圖片切換按鈕是幾張圖片的縮圖，滑鼠滑過縮圖即可切換至相應的圖片。焦點圖的切換動畫是圖片的動態縮放，動畫效果還算新穎，圖片切換也比較流暢，是一款值得一試的jQuery焦點圖。
6、Metro扁平化風格的jQuery UI元件
今天要介紹一款Metro扁平化風格的UI元件，Metro扁平化的風格顯得比較清新簡潔，卻不失大氣。這幾款UI元件就是Metro風格。元件包括圖片分組、按鈕、圖片滑塊、選單、Tooltip提示框等。每一款都非常實用，你一定會愛上Metro扁平化的。
7、CSS3倒數計時時鐘動畫
現在分享的這款CSS3應用是一個倒數計時外掛，這款倒數計時外掛的外觀還是比較簡單大氣的，加上陰影，有著3D立體的視覺效果。倒數計時標有天、時、分、秒，我們可以很清晰的看出時鐘的走動。我們可以將它製作成掛件放到自己的個人部落格上去，來實現活動開始的倒數計時功能。
8、jQuery圖片左右水平滾動外掛
這次我們再來分享一款jQuery圖片外掛，首先你可以自己定義圖片的總數已經分組的數量，外掛會幫助你將圖片按指定的分組切分圖片，你可以點選左右切換按鈕來按分組切換圖片，利用jQuery，圖片可以非常流暢地進行左右水平滾動外掛。
9、純CSS3 3D浮動按鈕
這次我們來分享一款效果很酷的純CSS33D浮動按鈕，按鈕是一個3D立體的懸浮圓形，按鈕上面可以是文字和愛心圖案，按鈕底部還有陰影效果，顯得很立體。另外，當把滑鼠滑過按鈕時，按鈕就會下陷，就像在水面上下沉一樣。
10、CSS3多樣式小圖示按鈕 帶分享按鈕
今天我們要來分享一款樣式非常豐富的CSS3按鈕特效，這些按鈕的外觀有點仿谷歌的風格，而且每一個按鈕帶有個性的小圖示。另外按鈕有一個特點，還可以定製出不錯的分享按鈕。之前我們也分享過不少漂亮的CSS3按鈕，大家可以在CSS3按鈕目錄下檢視。
以上就是10款jQuery/CSS3動畫應用，歡迎收藏分享。
本文轉載自：http://www.html5tricks.com/10-jquery-css3-animation.html
相關閱讀
評論(0)