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動畫，有需要的朋友可以下載源代碼自行修改和使用。


本文鏈接：http://原網站已經失效/article/8-html5-animation-like-apple.html
本文作者：碼農網 – 小峰