阅读更多

31顶
6踩

Web前端

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

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

  • MATLAB-四连杆机构的仿真+项目源码+文档说明

    <项目介绍> - 四连杆机构的仿真 --m3_1.m: 位置问题求解 --m2_1.m: 速度问题求解 --FourLinkSim.slx: Simlink基于加速度方程的仿真 --FourLinkSim2.slx: Simscape简化模型仿真 --FourLinkSim3.slx: Simscape CAD模型仿真 - 不懂运行,下载完可以私聊问,可远程教学 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 --------

  • ridge_regression:用于岭回归的python代码(已实现以预测下个月的CO2浓度)

    ridge_regression 用于岭回归的python代码(已实现以预测下个月的CO2浓度) 资料可用性 文件 Ridge.py :标准函数和Ridge回归函数window_make.py :使用滑动窗口方法制作大小为p(窗口大小)的时间序列列表。 Final_version.ipynb :使用Co2数据对代码进行实验

  • Polygon3-3.0.8-cp35-cp35m-win_amd64.whl.rar

    python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件,注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装,如果whl路径不在cmd窗口当前目录下,需要带上路径 WHL文件是以Wheel格式保存的Python安装包, Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包,WHL文件中包含了Python安装的py文件和元数据,以及经过编译的pyd文件, 这样就使得它可以在不具备编译环境的条件下,安装适合自己python版本的库文件。 如果要查看WHL文件的内容,可以把.whl后缀名改成.zip,使用解压软件(如WinRAR、WinZIP)解压打开即可查看。 为什么会用到whl文件来安装python库文件呢? 在python的使用过程中,我们免不了要经常通过pip来安装自己所需要的包, 大部分的包基本都能正常安装,但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中(whl包下载)下载whl包来安装解决问题。

Global site tag (gtag.js) - Google Analytics