阅读更多

31顶
6踩

Web前端

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

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

  • RSMA-Rate-Splitting-通信系统仿真-速率拆分

    《RSMA与速率拆分在有限反馈通信系统中的MMSE基预编码实现》 本文将深入探讨RSMA(Rate Splitting Multiple Access)技术在有限反馈通信系统中的应用,特别是通过MMSE(Minimum Mean Square Error)基预编码进行的实现。速率拆分是现代多用户通信系统中一种重要的信号处理策略,它能够提升系统的频谱效率和鲁棒性,特别是在资源受限和信道条件不理想的环境中。RSMA的核心思想是将用户的数据流分割成公共和私有信息两部分,公共信息可以被多个接收器解码,而私有信息仅由特定的接收器解码。这种方式允许系统在用户间共享信道资源,同时保证了每个用户的个性化服务。 在有限反馈通信系统中,由于信道状态信息(CSI)的获取通常是有限且不精确的,因此选择合适的预编码技术至关重要。MMSE预编码是一种优化策略,其目标是在考虑信道噪声和干扰的情况下最小化期望平方误差。在RSMA中,MMSE预编码用于在发射端对数据流进行处理,以减少接收端的干扰,提高解码性能。 以下代码研究RSMA与MMSE预编码的结合以观察到如何在实际系统中应用RSMA的速率拆分策略,并结合有限的反馈信息设计有效的预编码矩阵。关键步骤包括: 1. **信道模型的建立**:模拟多用户MIMO环境,考虑不同用户之间的信道条件差异。 2. **信道反馈机制**:设计有限反馈方案,用户向基站发送关于信道状态的简化的反馈信息。 3. **MMSE预编码矩阵计算**:根据接收到的有限反馈信息,计算出能够最小化期望平方误差的预编码矩阵。 4. **速率拆分**:将每个用户的传输信息划分为公共和私有两部分。 5. **信号发射与接收**:使用预编码矩阵对信号进行处理,然后在接收端进行解码。 6. **性能评估**:分析系统吞吐量、误码率等性能指标,对比不同策略的效果。

  • 【地理空间Python教程】使用XEE从Google Earth Engine下载图像:肯尼亚人口网格数据GeoTIFF文件生成方法介绍了如何使用XEE

    内容概要:本文档介绍了如何使用 XEE 包从 Google Earth Engine 下载图像数据并保存为 GeoTIFF 文件。主要内容包括:1) 使用新的 ee.data.getPixels() API 和 XEE 包简化了从 GEE 提取大型数据集的过程;2) 通过 XArray 数据集和 rioxarray 工具直接处理和保存图像数据,避免了复杂的导出任务;3) 具体示例展示了如何下载肯尼亚 2021 年的 LandScan 人口网格数据,包括环境搭建、数据准备、图像处理和最终保存为 GeoTIFF 文件。 适合人群:具备一定 Python 编程基础和地理信息系统(GIS)知识的开发者或研究人员,特别是对地理空间数据分析和遥感图像处理感兴趣的用户。 使用场景及目标:① 在基于 Python 的工作流中快速高效地提取和处理托管在 GEE 上的大规模地理空间数据;② 学习如何使用 XEE 包和相关工具进行地理空间数据的下载、裁剪、投影转换和保存;③ 通过实际案例掌握地理空间数据的处理技巧,提高数据处理效率和准确性。 其他说明:此教程提供了详细的代码示例和操作步骤,帮助用户在 Google Colab 环境中完成整个数据下载和处理过程。用户需要具备一定的 Python 编程能力,并熟悉常用的地理空间数据处理工具和库,如 geopandas、rioxarray 和 xarray。此外,教程还强调了数据版权和来源的重要性,确保用户合法合规地使用数据。

  • 基于STM32的工业级锅炉控制器系统设计:外设驱动、数据采集与通信协议实现

    内容概要:本文详细介绍了基于STM32F407的锅炉控制器系统设计,涵盖多个关键技术点。首先,在SD卡驱动方面,采用了硬件SPI配置,波特率为10.5MHz,并通过DMA发送80个空时钟进行初始化。其次,多路AD采集使用差分输入模式和DMA循环采集,配合滑动平均滤波提高效率。此外,Modbus通信部分通过结构体映射寄存器并使用硬件CRC单元进行校验。文件系统则采用FatFs结合SPI Flash缓存,确保断电保护。实时监控线程使用状态机设计,确保系统稳定性和安全性。硬件设计方面,模拟电路与数字电路分区布局,增强抗干扰能力。 适合人群:具备一定嵌入式开发基础的研发人员,特别是希望深入了解工业级项目设计的工程师。 使用场景及目标:适用于工业自动化领域的嵌入式系统开发,旨在帮助工程师掌握从硬件选型、外设驱动、数据采集到通信协议实现的全流程设计方法,提升系统的可靠性和实时性。 其他说明:文中提供了详细的代码示例和设计思路,强调了实际项目中的注意事项和常见问题解决方案,有助于读者快速上手并应用于实际项目中。

Global site tag (gtag.js) - Google Analytics