June 7, 2010 ... 评论

苹果官网Demo展示HTML5网页特效

apple-demo-html5.jpg

或许可以算是与Adobe之间“开放”平台 之争的新回合,苹果今天在官方网站上专门开辟了一个栏目,展示基于HTML5标准的网页动态应用效果

苹果展示的动态网页效果综合应用了HTML5、CSS以及JavaScript技术,包括7款Demo,分别是网页视频、文字特效、画面变换、图片 浏览、音频、360度全景图片以及VR虚拟现实。所有Demo都可以在iPhone、iPod touch、iPad或Mac/Windows版的Safari浏览器上运行,其他浏览器打开该网页会被要求下载Safari。其中最特别的VR虚拟现实 Demo由于需要CSS 3D变换技术支持,因此只支持苹果移动设备或Mac机上的Safari浏览器,Windows平台用户需要下载WebKit 引擎每日更新版浏览器才能运行。

网页视频 可随意改变视频尺寸
05094057_v6EI.jpg

自定义文字特效
05094057_o0n9.jpg

类似幻灯片播放的画面切换效果
05094057_u8dC.jpg

网页动态相册
05094057_BeOy.jpg

网页音频 非常有趣的一款迷你音乐游戏
05094057_DkXa.jpg

360度全景图
05094058_B4kR.jpg

展示苹果专卖店全景的VR虚拟现实Demo Windows版Safari无法运行
05094058_Tnjv.jpg

评论

(function(){ var bp = document.createElement('script'); bp.src = '//push.zhanzhang.baidu.com/push.js'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();