阅读更多

31顶
6踩

Web前端

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

2011-09-19 18:29 by 见习编辑 songshuang 评论(32) 有54513人浏览
乔布斯没有给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

  • ### 制造业上市公司高质量发展研究报告(2023年)

    内容概要:报告由中国信息通信研究院发布,旨在评估制造业上市公司高质量发展,强调制造业高质量发展的重要性,并构建了涵盖创新力、竞争力、影响力、贡献力四大维度的评价体系。通过对3500余家制造业上市公司2022年年报数据的综合评估,评选出百强企业。研究显示,百强企业专注主业,半数以上成长为制造业单项冠军;民营企业在盈利效率、创新发展方面表现优异;东部地区引领发展,装备制造业领先,新能源产业呈现爆发性增长。百强企业在科技创新、质效提升、持续增长、稳定就业等方面发挥重要作用,但也存在品牌建设和创新水平差距、领军企业竞争力提升空间、高端领域龙头企业培育不足等问题。 适用人群:制造业企业管理者、政策制定者、投资者及相关研究人员。 使用场景及目标:①帮助企业管理者了解行业发展趋势,提升企业竞争力;②为政策制定者提供决策参考,推动制造业高质量发展;③为投资者提供投资参考,识别优质企业;④为研究人员提供详实数据,助力学术研究。 其他说明:报告建议从重突破促升级、重创新补短板、重质量树品牌三个方面进一步推进制造业企业高质量发展,以加快建设具有全球竞争力的一流企业。

  • 异步电机无感矢量控制仿真:关键技术和代码实现技巧

    内容概要:本文详细介绍了异步电机无感矢量控制仿真的关键技术与常见问题解决方案。首先讨论了坐标变换(Clarke和Park变换)的基础操作及其注意事项,强调了正确选择系数的重要性。接下来深入探讨了滑模观测器的设计与优化方法,包括使用查表法替代三角函数计算以提高效率,以及加入低通滤波器减少高频抖振。此外,文章还涉及了速度估算的方法,如频域法和改进型滑模观测器的应用,并提供了具体的Python和Matlab代码片段。最后,针对电流环控制提出了前馈补偿机制,确保在突加负载情况下仍能保持良好的电流跟踪效果。文中多次提到调参技巧,特别是对于PI参数的选择给出了实用建议。 适合人群:从事电机控制系统研究与开发的技术人员,尤其是对异步电机无感矢量控制感兴趣的工程师。 使用场景及目标:适用于希望深入了解并掌握异步电机无感矢量控制仿真技术的研究人员和技术开发者。主要目标是在没有编码器的情况下实现对电机转速和扭矩的精确控制,同时提供详细的代码实现指导和调试经验。 其他说明:文章不仅提供了理论知识,还包括大量实际操作中的经验和教训,帮助读者避免常见的陷阱,快速搭建起有效的仿真环境。

  • (源码)基于Arduino的火箭动力学参数监测项目.zip

    # 基于Arduino的火箭动力学参数监测项目 ## 项目简介 这是一个基于Arduino平台的火箭动力学参数监测项目,旨在通过Adafruit BMP280压力传感器和Adafruit LIS3DH加速度传感器收集火箭飞行过程中的环境数据和运动数据。项目结合了Adafruit的BMP280库和LIS3DH库,实现对传感器数据的读取、处理及初步分析。 ## 项目的主要特性和功能 1. 环境数据监测通过BMP280压力传感器,实时监测并记录火箭周围的气压、温度和海拔高度变化。 2. 运动数据监测借助LIS3DH加速度传感器,获取火箭在飞行过程中的加速度、速度及方向变化数据。 3. 数据处理与传输Arduino负责收集和初步处理这些数据,然后通过串行通信或其他方式将数据发送到地面站或飞行控制软件。 4. 安全与警报基于收集的数据,项目可设置警报阈值,当超过预设的安全限制时,触发警报或采取相应的安全措施。 ## 安装使用步骤

Global site tag (gtag.js) - Google Analytics