15个精彩的HTML5画布(Canvas)动画示例
站长之家（CHINAZ.com）3月22日编译：在过去的几年中，我们想要制作卓越的网页动画只能使用Flash和Java Applet，HTML5、WebGL和JavaScript的出现改变了长久以来的动画制作行业。Canvas相比Flash显然是有其优点的，它不依赖于外部插件、与浏览器渲染引擎紧密结合、节约资源，最重要的是极大地简化了图形和网页中其他元素的交互过程。本文收集了15个精彩的HTML5画布(Canvas)动画示例，以供欣赏。
HTML5 Canvas中绘制矩形实例教程
在Canvas中，绘制矩形有三种方法：填充(fillRect)、描边(StrokeRect)以及清除(clearRect)。当然，我们也可以使用“路径”来描绘包括矩形在内的所有图形。
Canvas Cycle：基于HTML5模拟自然景观
还记得酷站之前推荐的“互动MV”网站Thewildernessdowntown么？小编完全被互动社交+LBS+HTML5所带来的神奇体验所折服。今天推荐给大家的是一个基于HTML5的模拟真实自然景观的网站Canvas Cycle。
推荐8款HTML5相关的特殊效果
HTML5是HTML的升级版，HTML5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。今天我们推荐8款使用HTML5生成的特殊效果，希望可以对大家的使用带来帮助！
14个HTML5实现的效果合集
HTML5可不是什么虚幻的概念，与其高谈阔论的讨论HTML5未来的趋势和价值，不如一起研究一下现在的HTML5可以做出哪些成果，可以让我们做出出色的产品。
用CSS3和HTML5五步打造便签效果
站长之家（CHINAZ.com）4月23日编译：在本教程中，你会学到如何把HTML的列表项（li元素）转换成下图的“便签墙”。该效果分5步实现。内核为webkit的Safari和Chrome浏览器以及Firefox和Opera中支持该效果，其它浏览器不能实现倾斜和动画效果（译者在IE9中进行了亲测，无法实现）。
10个让人眼花缭乱的HTML5和JavaScript效果
作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展
5 个不能不看的 HTML5 + JavaScript 效果
自从苹果宣报放弃 Flash, 并会采用新网页标准语法 HTML5, HTML5 就好像变了网络的未来一样. 除了 Google 马上推出 HTML5 版本的 Youtube 外, 网络上亦出现大量的 HTML5 教学和示范, 好坏参半, 未必能说服你 HTML5 能够取代 Flash. 如果你想体验一下 HTML5 的威力, 可以
你从没见过的HTML5动画效果
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任
未来Web设计CSS3+HTML5效果演示（图）
CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的
纯文本邮件VS HTML邮件，哪个营销效果更好？
在开始这个话题之前，请你自问：文本邮件、HTML邮件，你觉得哪种邮件效果更好？
人气超高的HTML5特效设计推荐排行榜
现在市面上有一大批H5页面模板制作工具，诚然，他们方便了很多非专业设计师设计制作H5页面。但是不得不吐槽的是，很多模板工具平台上的作品大部分还停留在左飞入右飞出的初级境界，看多了真心有些腻，动效如无美感还不如看静态的。 那H5里有哪些高级动效了？小派几乎仔细体验了国内所有优秀H5页面作品，结合自己的一些理解，整理出下面十大H5页面特效。我们的H5作品如果能用上其中一两个，相信能增色不少！术语也许不够专业，欢迎吐槽！
9款HTML5实现的超酷特效
之前我们推荐了8款HTML5实现的特效和应用，今天我们带来的这9款热门的HTML5特效同样会带给你全新的视角和体验。
使用oriDomi折纸效果的HTML元素
oriDomi是一款超酷的JavaScript类库，可以把页面中任何HTML元素生成折叠效果。此类库不依赖于任何JavaScript框架（但对于jQuery可以有选择性支持）并使用CSS 3D创建过渡效果。
使用HTML5画布实现的超棒javascript动画仪表板：gauge.js
今天我们分享来自guage.js的超棒动画仪表板实现，这个类库使用html5画布来生成动态的自定义仪表板。不依赖于任何类库也不实用任何的CSS或者图片，完全使用画布生成。
情人节演绎技术范 移动版百度首页推HTML5+CSS3特效
继农历新年“搜龙点睛”活动之后，百度移动在情人节当日再次推出情人节页面特效，借助HTML5技术成功演绎情人节浪漫的“技术范”。
Google Meet硬件主屏迎来Dark Canvas暗色画布主题支持
在周一的一篇公告文章中，Google Workspace 团队隆重介绍了 Google Meet 的一项新功能 —— 允许在所有兼容硬件的主屏上使用 Dark Canvas 明暗主题...用户可从深（Canvas - dark）/ 浅（Canvas - light）两种画布模式中进行选择，并且带有各自的壁纸集合...想要在 Google Meet 上激活 Dark Canvas 主题的用户，可参考如下操作：......
TikTok在多地启动HTML5小游戏试点 Netflix也在加强游戏订阅
作为一个试点项目，包括美国在内的许多地区用户，现都能够在其上传的视频中附加 HTML5 小游戏的链接...如有需要，用户可将来自 FRVR、Lotum、Nitro、Voodoo 和 Aim Lab 等公司的七款小游戏之一（比如双图对比找茬），附加到他们发布的视频中...其实早在去年 11 月，TikTok 就已经宣布与 Zynga 合作开发《DiscoLoco》，且今年 5 月也有报道称 TikTok 正在东南亚市场开测 HTML 5 小游戏......
TikTok联手Zynga推出一款基于HTML5打造的手机游戏
眼下，TikTok正在进行游戏试验，它将率先跟手机游戏巨头Zynga展开合作。当地时间周一，Zynga宣布其计划在TikTok平台上独家推出一款基于HTML5的新游戏《Disco Loco 3D》。这款休闲游戏是一款单人无尽跑酷游戏，玩家在挑战朋友的同时要收集自己的舞蹈动作、在走猫步时要避开障碍物并收集奖章，这些跟Zynga的《High Heels》类似。虽然TikTok说这个游戏是为了测试其受众对其应用内的游戏的普遍兴趣，但该公司证实，他们跟其他游戏制造?
闽公网安备 35020302000061号