阅读更多

31顶
6踩

Web前端

翻译新闻 15个超炫的HTML5效果

2011-09-19 18:29 by 见习编辑 songshuang 评论(32) 有54430人浏览
乔布斯没有给Flash任何机会,微软新推出的Windows 8平板中也不支持Flash,很多人可能还对此举不甚理解。但是,看了下面的这些效果,你甚至可能会拥护他们的这一决定。既然Flash能做到的,HTML5都能做到,且比Flash更安全,还不需要插件,那么为何还要用Flash呢。

下面这15个超炫的网页效果,都是用HTML5实现的。

1、Canvas Cycle



2、Google Gravity



3、Canvas Trees



4、Magnetic



5、Celebrity Earnings Graph



6、Canvas Ribbon



7、WebGL Water



8、Chrysaora



9、Voxel Rain



10、HTML5 文本效果



11、旋转的 HTML5 Logo



12、3D 绘图



13、mta.me Conductor



14、Doogle Gmail



15、W Pilot




英文原文:http://www.hongkiat.com/blog/15-html5-experiments/

  • 大小: 162.3 KB
  • 大小: 21.6 KB
  • 大小: 21 KB
  • 大小: 10.5 KB
  • 大小: 19 KB
  • 大小: 25.5 KB
  • 大小: 99.3 KB
  • 大小: 58.7 KB
  • 大小: 54.8 KB
  • 大小: 43.1 KB
  • 大小: 38.4 KB
  • 大小: 55.1 KB
  • 大小: 25.9 KB
  • 大小: 17.5 KB
  • 大小: 15.5 KB
31
6
评论 共 32 条 请登录后发表评论
12 楼 LubinJava 2011-09-20 09:13
说实话,运行起来都好卡的说.
11 楼 yunzhongxia 2011-09-20 08:51
didasoft 写道
yunzhongxia 写道
哎 无知者无罪 ipad2上是可以运行flash的

真的?哪里的消息来源?

参加adobe开发者技术日上亲眼所见
10 楼 LubinJava 2011-09-20 08:37
霸气外露..
9 楼 ray_linn 2011-09-20 08:08
.....这个基本上跟flash不能比啊....微软也没有废掉silverlight,html5+javascript在vs 2011中属于“低端”应用。
8 楼 ad6543210 2011-09-20 08:03
html5效能有比flash好?感覺上是半斤八兩,都是爛效能
7 楼 suu 2011-09-19 23:54
goole的那个效果很牛~
6 楼 hjg1988 2011-09-19 22:07
第一个效果就占了笔记本CPU的30%
5 楼 didasoft 2011-09-19 21:22
yunzhongxia 写道
哎 无知者无罪 ipad2上是可以运行flash的

真的?哪里的消息来源?
4 楼 lnaigg 2011-09-19 21:18
这水平怎么秒杀啊。。。。
3 楼 幻无极 2011-09-19 20:52
相当猛烈
2 楼 yunzhongxia 2011-09-19 20:28
哎 无知者无罪 ipad2上是可以运行flash的
1 楼 shulong 2011-09-19 20:16
太霸气了。标题有点。。。。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 超炫html5网页效果代码

    超炫html5网页效果代码,基于数学运算思想,超炫。右键查看源码可以看到代码,一定要用支持html5的浏览器打开!

  • html5超炫魔术扑克牌动画特效特效代码

    html5超炫魔术扑克牌动画特效是一款效果非常棒的魔术扑克牌变换特效。

  • HTML5 Canvas实现的超炫粒子效果文字动画特效源码.zip

    HTML5 Canvas实现的超炫粒子效果文字动画特效源码.zip

  • HTML5超炫3D元素周期表三维图片墙效果

    HTML5超炫3D元素周期表三维图片墙效果,内涵解释说明,只需要替换自己的图即可使用片

  • HTML5超炫效果

    超炫的HTML特效、可以下载加入到自己的网页中增添色彩

  • 超炫效果Html5页面源码

    超炫效果Html5页面源码,可以参考一下,对于网站开发设计灵感很有帮助

  • 超炫的html5擦除效果,超炫html5效果代码(需浏览器支持)

    64y=(R-r)*S(t)-D*S(q)+(B+(Y-B)*(i/25));?65i f(a){//d r a w o n c e t w o p o i n t s a r e s e t?66c.m o v e T o(a,b);?67c.l i n e T o(x,y)?68}?69c.s t r o k e S t y l e="h s l a("+(U%360)+",100%,50%,...

  • 2个HTML5 SVG超炫播放器按钮动画特效

    这是一款基于HTML5 SVG使用GASP/TweenMax制作的超炫播放器按钮动画特效。这两个播放器按钮动画特效中的按钮使用SVG制作,动画则由TweenMax来完成。效果非常的炫酷。

  • 仿linux界面html模板,一个超炫HTML5效果代码

    一个超炫HTML5效果实现代码。需要用Chrome 或者Opera,Firefox,浏览器查看。效果图如下:starwindow.onload = function () {C = Math.cos; // cache Math objectsS = Math.sin;U = 0;w = window;j = document;d = j...

  • 超炫的html5视频播放器代码.zip

    实现效果: 超炫的html5视频播放器代码,可以用来播放视频,不错的一个效果,在网站中可以放一个,用来放公司的宣传片,这样的效果还是很炫酷的,php中文网推荐下载!

  • HTML5超炫3D旋转效果

    html5的3D旋转效果

  • 一款超炫HTML5 3D立体图片相册效果

    HTML5 3D立体图片相册代码是一款超炫HTML5 canvas 3D立体图片相册幻灯片效果代码。

  • 超炫的 HTML5 粒子效果进度条动画特效源码.zip

    超炫的 HTML5 粒子效果进度条动画特效源码.zip

  • PC端超炫登录页面HTML5+CSS3

    这是一个超炫的登录界面,使用HTML5+CSS3 实现的登录界面,效果是使用canvs画出来的,可惜这里不能上传展示图片,能上传我就上传一个了,个人感觉很好看,背景图可以自己进行更换,背景图是通过CSS文件引入放的,在...

  • 超炫的 HTML5 粒子效果进度条动画特效源码

    我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 基于 HTML5 Cavnas 编写的进度条效果。看着这么炫的 Loading 效果,即使让我多等一会也无妨

  • HTML5/CSS3自定义浮动Select 超炫下拉菜单动画

    在CSS3菜单栏目中,我们分享了很多...今天我们要分享一款HTML5/CSS3悬浮的自定义Select下拉菜单,这个CSS3菜单利用CSS3特性可以浮动在网页上,并带有阴影效果,同时,展开下拉框时会弹出一个二级菜单,效果非常不错。

  • 超炫的3D效果的HTML5纸带翻转动画特效源码.zip

    超炫的3D效果的HTML5纸带翻转动画特效源码.zip

  • 5116-微信小程序电影院订票选座系统设计及实现+ssm(源码+数据库+lun文).zip

    本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。

  • JavaScript 中的 `Array.prototype.filter` 方法全解析

    在 JavaScript 编程中,处理数组是一项基本而重要的任务。数组的过滤操作是其中的一个常见需求,Array.prototype.filter 方法为此提供了强大的支持。本文将深入探讨 Array.prototype.filter 方法的工作原理、使用场景、代码示例以及与其他数组方法的比较。 Array.prototype.filter 是 JavaScript 中处理数组的强大工具,它允许开发者以声明式的方式轻松筛选出符合特定条件的元素。通过结合使用 Array.prototype.filter 和其他数组方法,可以解决各种复杂的数据筛选问题。 通过本文的详细介绍和示例代码,你应该能够掌握 Array.prototype.filter 的工作原理,并能够在实际开发中灵活运用它来处理数组数据。此外,了解其与 Array.prototype.map 和 Array.prototype.reduce 的结合使用,可以帮助你更好地编写高效且易于维护的代码。

  • 5108-微信小程序的书橱+ssm(源码+数据库+lun文).zip

    本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业。

Global site tag (gtag.js) - Google Analytics