11款效果惊艳的HTML5动画应用

HTML5真的很棒，我们这个网站也每天在为大家分享很多炫酷而实用的HTML5和CSS3应用。今天要分享的有很多效果惊艳而且好玩的HTML5动画应用，特别是一些HTML5游戏更加令人眼前一亮，希望大家会喜欢。

1、HTML5五子棋游戏 画面超酷 可设置难度

前几天我向大家分享过一款 HTML5中国象棋游戏 ，效果令人惊叹，小编的实力很难胜过电脑。今天我要向大家分享一款HTML5五子棋游戏，不仅游戏画面非常华丽，而且可以自己设置难度，并且可以选择人机对战还是人人对战，这款HTML5五子棋游戏绝对称得上HTML5游戏中的极品。

在线演示 / 源码下载

2、HTML5/CSS3实现大风车旋转动画

这次我们要来分享一款很酷的HTML5动画，是一个可以旋转的大风车动画效果，回顾一下利用HTML5实现的旋转动画，我们可以看 HTML5/CSS3实现3D旋转陀螺动画 ，它们的实现都是利用CSS3的transform:rotate属性，这款大风车动画的确比较厉害的。

在线演示 / 源码下载

3、HTML5版切水果游戏 HTML5游戏极品

这是一款由百度JS小组提供的HTML5版切水果游戏，记得切水果游戏当年非常火，今天我找到了一款基于HTML5实现的网页版切水果游戏。虽然和原版的切水果游戏相比功能不怎么完善，但是该HTML5切水果游戏也算有声有色，画面也十分华丽。

在线演示 / 源码下载

4、HTML5中国象棋游戏 自定义象棋难度

棋类游戏在桌面游戏中已经非常成熟，中国象棋的版本也非常多。今天这款基于HTML5技术的中国象棋游戏非常有特色，我们不仅可以选择中国象棋的游戏难度，而且可以切换棋盘的样式。程序写累了，喝上一杯咖啡，和电脑对弈几把吧，相信这HTML5中国象棋游戏的实现算法你比较清楚，可以打开源码来研究一下这款HTML5中国象棋游戏。

在线演示 / 源码下载

5、HTML5 Canvas火焰喷射动画效果

还记得以前分享过的一款HTML5烟花动画 HTML5 Canvas烟花特效 ，今天我们要来分享一款类似的HTML5动画效果，一款基于HTML5 Canvas火焰喷射动画。用鼠标拖动一条直线，直线长度表示火焰喷射的力度，另外，火焰在运动中还可以反射效果哦。

在线演示 / 源码下载

6、纯CSS3实现滑杆开关切换按钮动画

之前我们分享过一些CSS3开关切换按钮了，像这款 CSS3 3D发光切换按钮 、 HTML5/CSS3开关按钮 立体3D按钮 等。今天我们要再来分享一款纯CSS3实现滑杆开关切换按钮动画，这个按钮是一个摇杆，杆子推上推下来切换开关状态，不同的开关状态也有不同颜色的指示灯。

在线演示 / 源码下载

7、HTML5 Canvas花朵生成器 可生成多种样式的花朵

HTML5 非常流行，利用HTML5制作动画也非常方便，今天要分享一款利用HTML5 Canvas制作的花朵生成器，我们只需要在Canvas画布上点击鼠标，即可动态生成各种颜色样式的花朵，并且每一朵花都可以缓慢地旋转，非常炫酷。

在线演示 / 源码下载

8、纯CSS3实现开机按钮 按钮3D有光泽

这是一款利用纯CSS3实现的3D开机按钮，这款按钮并没有惊人的动画效果，但是却利用了CSS3的许多特性给按钮添加了阴影以及光泽，让按钮显得非常立体。而且按钮的设计也非常富有创意，是一个开关机的按钮外观，设计独具匠心。大家也可以到 CSS3按钮 这里查看更多漂亮的按钮特效。

在线演示 / 源码下载

9、HTML5/SVG线性图表 可绘制图表区域颜色

今天要分享的这款HTML5图表应用是一款线性图表，它主要是有SVG构造出来的，这款SVG线性图表可以用不同的颜色绘制出图表的数据区域。另外，这款图表和之前分享的 HTML5线性图表iGrapher 类似，只是功能没那么强大而已。

在线演示 / 源码下载

10、HTML5/CSS3简易联系表单 扁平化风格

这次要分享的一款HTML5/CSS3简易联系表单非常清新，整体外观不是那么华丽，但是表单扁平化的风格让人看了非常舒服，同时利用了HTML5元素的特性，表单的验证功能变得也相当简单。之前也分享过一款 CSS3实现一款联系表单 输入框带小图标 ，效果也是比较震撼的。

在线演示 / 源码下载

这些HTML5动画还不错吧，希望你能喜欢。