阅读更多

31顶
6踩

Web前端

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

2011-09-19 18:29 by 见习编辑 songshuang 评论(32) 有54351人浏览
乔布斯没有给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 条 请登录后发表评论
32 楼 yanhaijing 2014-04-17 10:49
http://yanhaijing.com/Painter
31 楼 Ex咖喱棒 2011-09-23 18:17
Sorry, your graphics card doesn't support WebGL
30 楼 saggit 2011-09-21 11:28
songshuang 写道
saggit 写道
先前说秒杀flash,现在又把标题去掉,  

您好,采纳了大家的留言意见,用“秒杀”一词不妥,所以把标题改了。

呵呵,不好意思,原来如此
29 楼 songshuang 2011-09-21 10:51
欢迎加入ITeye HTML5群组 http://html5.group.iteye.com/
28 楼 gongjunhao 2011-09-21 10:48
很强悍啊!~~~ 日后一定流行~
27 楼 lwx_1987 2011-09-21 09:45
不错!很炫,很牛,支持一下!
26 楼 songshuang 2011-09-21 09:31
saggit 写道
先前说秒杀flash,现在又把标题去掉,  

您好,采纳了大家的留言意见,用“秒杀”一词不妥,所以把标题改了。
25 楼 saggit 2011-09-21 09:22
先前说秒杀flash,现在又把标题去掉,  
24 楼 b_l_east 2011-09-21 08:54
哎,不管怎样,HTML5终归是大势所趋,现在只是个架子,后面会改进的,大家面对现实吧。
23 楼 fjjiaboming 2011-09-20 21:18
你们什么浏览器啊? 
我这彼顺利啊~~~~~~~~~
WIN7 x64 , T410~
Chrome 14.0
1、Canvas Cycle
4、Magnetic
7、WebGL Water
三个同开~ CPU 10%才.

我就支持HTML5. 那是统一平台.
22 楼 H_eaven 2011-09-20 18:56
很炫,很强大,

21 楼 liangyue1990 2011-09-20 14:01
justlearnjava 写道
以后要浏览网站必须要买个好点的显卡了!

都赶上大型游戏了。。。
真心伤不起
20 楼 mimicom 2011-09-20 12:30
扯蛋啊...... 扯 啊... 扯...呵呵
19 楼 yaolifei 2011-09-20 11:22
占cpu很多的说
18 楼 justlearnjava 2011-09-20 10:23
以后要浏览网站必须要买个好点的显卡了!
17 楼 Army 2011-09-20 10:10
那个动词“秒”缺了be ed吧。
16 楼 xjcloudy 2011-09-20 09:55
发这样的文章 是来搞笑的吗?
15 楼 smiky 2011-09-20 09:48
只有被秒的份
14 楼 viMory 2011-09-20 09:31
无耻的标题党!目前这效果只能被秒,继续站在高岗上观望 
13 楼 b_l_east 2011-09-20 09: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

  • 【图像压缩】 GUI矩阵的奇异值分解SVD灰色图像压缩【含Matlab源码 4359期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • node-v0.9.2-x86.msi

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • 【尺寸检测】机器视觉图像目标尺寸测量【含Matlab源码 4087期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

Global site tag (gtag.js) - Google Analytics