8個超炫酷仿蘋果應用的HTML5動畫

本文由碼農網 – 小峰原創，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

蘋果的產品一直以精美的UI著稱，無論是軟體應用還是硬體裝置。本文主要分享了8個很不錯的HTML5動畫應用，這些動畫正式模仿了蘋果的各類應用，有焦點圖、鐘錶、選單等HTML5應用和jQuery外掛，大家一起來欣賞吧。

1、jQuery/CSS3實現仿蘋果的CoverFlow圖片切換

這次要分享的也是一款基於jQuery和CSS3的仿蘋果CoverFlow圖片切換應用，並且可以自定義新增圖片，效果非常不錯。

線上演示        原始碼下載

2、jQuery仿蘋果樣式焦點圖外掛

這次我們要分享的這款jQuery焦點圖非常特別，它的外觀特別簡單，但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的，由於jQuery的運用，我們只要點選圖片下方的縮圖即可達到圖片切換的焦點圖特效，這款jQuery焦點圖外掛非常適合在產片展示的網頁上使用。

線上演示        原始碼下載

3、CSS3 3D 蘋果筆記本動畫

這又是一款超酷的CSS3 3D動畫效果，它是一款帶有3D視覺效果，並且可以360度旋轉的macbook air。這款CSS3 3D動畫的筆記本底部有一個逼真的投影，可以跟隨圖片一起轉動，從而凸顯其3D效果，是一款很不錯的CSS3 3D動畫特效。

線上演示        原始碼下載

4、jQuery動畫圖示選單導航 仿蘋果樣式

這次要分享的這款jQuery外掛非常酷，它是一款帶有動畫按鈕的jQuery選單外掛。而且從選單的外觀上來看，有點蘋果選單風格的味道。當我們將滑鼠滑過選單項時，即會有對應的圖片懸浮到選單項上面，效果非常不錯的jQuery選單。

線上演示        原始碼下載

5、HTML5仿Apple Watch時鐘動畫

Apple Watch剛剛釋出不久，就已經有國外的大牛將其時鐘錶盤介面用HTML5模仿出來了，並且這款HTML5仿Apple Watch的時鐘是動態的，可以根據本地時間實時更新指標資料。時鐘的介面非常華麗，確實有蘋果的風格，HTML5也的確非常強大。

線上演示        原始碼下載

6、HTML5 SVG仿iPhone拍照快門效果

這是一款很酷的拍照快門特效，它利用了HTML5和SVG的特性仿製了類似iPhone拍照應用的快門效果。該HTML5快門的外觀非常漂亮，邊線有六種不同的顏色組成，當按下快門時，就可以出現像iPhone拍照應用的那種效果了。

線上演示        原始碼下載

7、jQuery實現蘋果Dock樣式的選單

之前我們分享過相當數量的jQuery選單了，像這款jQuery左側帶小圖示的多級下拉選單就比較有特色，而且也非常實用。今天要給大家帶來一款Dock樣式的jQuery選單，用過蘋果的朋友都知道，它的Dock選單非常酷，配合漂亮的圖示就更加絢麗了。

線上演示        原始碼下載

8、jQuery仿iPhone解鎖滑塊焦點圖

這是一款基於jQuery的仿iPhone解鎖滑塊焦點圖，還記得早期iPhone解鎖裝置麼，現在我們將這樣的樣式應用到這款jQuery焦點圖上。你可以滑動滑鼠，該解鎖裝置就會跟隨滑鼠一起滑動，同時，圖片也就完成了切換的效果。

線上演示        原始碼下載

以上就是8個超炫酷仿蘋果應用的HTML5動畫，有需要的朋友可以下載原始碼自行修改和使用。