蘋果的產品一直以精美的UI著稱，無論是軟件應用還是硬件設備。本文主要分享了8個很不錯的HTML5動畫應用，這些動畫正式模仿了蘋果的各類應用，有焦點圖、鐘錶、菜單等HTML5應用和jQuery插件，大家一起來欣賞吧。
1jQuery/CSS3實現仿蘋果的CoverFlow圖片切換
這次要分享的也是一款基於jQuery和CSS3的仿蘋果CoverFlow圖片切換應用，並且可以自定義添加圖片，效果非常不錯。
在線演示：http://www.html5tricks.com/demo/jquery-css3-coverflow-image/index.html
源碼下載：http://www.html5tricks.com/jquery-css3-coverflow-image.html
2jQuery仿蘋果樣式焦點圖插件
這次我們要分享的這款jQuery焦點圖非常特別，它的外觀特別簡單，但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的，由於jQuery的運用，我們只要點擊圖片下方的縮略圖即可達到圖片切換的焦點圖特效，這款jQuery焦點圖插件非常適合在產片展示的網頁上使用。
在線演示：http://www.html5tricks.com/demo/AppleSlideshow/index.html
源碼下載：http://www.html5tricks.com/jquery-apple-image-slide.html
3CSS3 3D 蘋果筆記本動畫
這又是一款超酷的CSS3 3D動畫效果，它是一款帶有3D視覺效果，並且可以360度旋轉的macbook air。這款CSS3 3D動畫的筆記本底部有一個逼真的投影，可以跟隨圖片一起轉動，從而凸顯其3D效果，是一款很不錯的CSS3 3D動畫特效。
在線演示：http://www.html5tricks.com/demo/css3-3d-macbook-air/index.html
源碼下載：http://www.html5tricks.com/css3-3d-macbook-air.html
4jQuery動畫圖標菜單導航 仿蘋果樣式
這次要分享的這款jQuery插件非常酷，它是一款帶有動畫按鈕的jQuery菜單插件。而且從菜單的外觀上來看，有點蘋果菜單風格的味道。當我們將鼠標滑過菜單項時，即會有對應的圖片懸浮到菜單項上面，效果非常不錯的jQuery菜單。
在線演示：http://www.html5tricks.com/demo/jquery-icon-animated-menu/index.html
源碼下載：http://www.html5tricks.com/css3-3d-macbook-air.html
5HTML5仿Apple Watch時鐘動畫
Apple Watch剛剛發佈不久，就已經有國外的大牛將其時鐘表盤界面用HTML5模仿出來了，並且這款HTML5仿Apple Watch的時鐘是動態的，可以根據本地時間實時更新指針數據。時鐘的界面非常華麗，確實有蘋果的風格，HTML5也的確非常強大。
在線演示：http://www.html5tricks.com/demo/html5-apple-watch-clock-face/index.html
源碼下載：http://www.html5tricks.com/html5-apple-watch.html
6HTML5 SVG仿iPhone拍照快門效果
這是一款很酷的拍照快門特效，它利用了HTML5和SVG的特性仿製了類似iPhone拍照應用的快門效果。該HTML5快門的外觀非常漂亮，邊線有六種不同的顏色組成，當按下快門時，就可以出現像iPhone拍照應用的那種效果了。
在線演示：http://www.html5tricks.com/demo/html5-svg-iphone-shutter/index.html
源碼下載：http://www.html5tricks.com/html5-svg-iphone-shutter.html
7jQuery實現蘋果Dock樣式的菜單
之前我們分享過相當數量的jQuery菜單了，像這款jQuery左側帶小圖標的多級下拉菜單就比較有特色，而且也非常實用。今天要給大家帶來一款Dock樣式的jQuery菜單，用過蘋果的朋友都知道，它的Dock菜單非常酷，配合漂亮的圖標就更加絢麗了。
在線演示：http://www.html5tricks.com/demo/jquery-dock-menu-2/index.html
源碼下載：http://www.html5tricks.com/jquery-dock-menu-2.html
8jQuery仿iPhone解鎖滑塊焦點圖
這是一款基於jQuery的仿iPhone解鎖滑塊焦點圖，還記得早期iPhone解鎖裝置麼，現在我們將這樣的樣式應用到這款jQuery焦點圖上。你可以滑動鼠標，該解鎖裝置就會跟隨鼠標一起滑動，同時，圖片也就完成了切換的效果。
在線演示：http://www.html5tricks.com/demo/jiaoben334/index.html
源碼下載：http://www.html5tricks.com/jquery-iphone-image-slider.html
以上就是8個超炫酷仿蘋果應用的HTML5動畫，有需要的朋友可以下載源代碼自行修改和使用。
本文轉載自網絡，歡迎大家分享閱讀！