苹果的产品一直以精美的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