10个帅酷的HTML5最新动画应用

在上个月，我们收集了不少来自国内外的HTML5相关资源和jQuery插件，其中包括很多经典帅酷的HTML5动画应用，有些还利用了Canvas和SVG的相关特性，从而让HTML5动画更加具有强烈的视觉效果。本文总结了上个月的最新HTML5动画应用，希望大家会喜欢。

1、HTML5人物跑步动画

记得之前给大家分享过一款HTML5人物行走动画，效果非常震撼。今天要介绍的HTML5动画更加炫酷，是一款基于HTML5的人物跑步动画特效，在这款人物跑步动画中你可以点击按钮来切换人物手中拿的武器，效果非常逼真。

在线演示 / 源码下载

2、纯CSS3实现眨眼动画 超逼真

我们在不久前分享过很多纯CSS3实现的人物和动物动画，每一款动画的效果都非常不错。今天我们要分享一个纯CSS3实现的眨眼动画，其动画效果超级逼真，拿它来做动画人物的眼睛非常适合，这款CSS3眨眼动画完全用CSS3绘制，并没有使用图片。

在线演示 / 源码下载

3、HTML5 3D立方体图片切换动画

今天我们要来分享一款HTML5图片切换动画，该HTML5动画主要是将图片分成几个块，切换时每一个块都会以3D立方体的形式过度下一张图片，立方体的打散和聚合动画都非常酷，你可以在JS文件中配置图片的路径和切换的数量，相当灵活。

在线演示 / 源码下载

4、CSS3简易清新的下拉菜单

对于CSS3菜单我们已经在以前分享过很多了，有华丽的动画菜单，也有冲击视觉的3D菜单，今天要介绍的是一款简易而实用的下拉菜单，绿色的主题风格，让菜单的外观看上去非常清新，下拉菜单的颜色和主菜单的颜色搭配也非常不错。

在线演示 / 源码下载

5、HTML5/jQuery迷人音乐播放器jPlayer

今天我们要来分享一款非常精巧的jQuery音乐播放器插件jPlayer，这款jQuery音乐播放器的外观非常迷人，可以自定义漂亮的播放器背景图片，而且播放器需要的功能它都齐全，更完美的是，这款jQuery音乐播放器还支持分享至社交网站。

在线演示 / 源码下载

6、HTML5自定义背景图片的文字特效

在HTML5和CSS3标准出来之前，文字的背景只能是纯色，更不用说是自定义背景图片了。然而，强大的HTML5不仅让文字背景支持渐变颜色，而且支持自定义的背景图片，这些图片就像遮罩层，让文字的背景变得丰富多彩。

在线演示 / 源码下载

7、纯CSS3实现多种箭头绘制及动画

今天要介绍的这款CSS3应用也非常实用，利用它可以用纯CSS3实现各种箭头的绘制，包括左右箭头、上下箭头以及各个方向的转弯箭头，另外还有一款更酷的CSS3箭头动画特效，可以用来做Loading加载动画。这么多箭头，你可以任选一个应用到项目中去。

在线演示 / 源码下载

8、CSS3带小图标垂直下拉菜单

这是一款效果非常不错的CSS3垂直下拉菜单，菜单左侧是每一个菜单项的功能小图标，右侧也可以定义一些数字小图标，并且在菜单项最右侧是tooltip的样式。另外，当鼠标滑过菜单项时将会改变菜单的背景颜色，其中的圆角效果由简单的CSS3属性完成。

在线演示 / 源码下载

9、CSS3自定义美化UL OL列表

这是我们之前没有分享过的CSS3特效类型，它是一个可以自定义美化UL和OL列表的CSS3应用。当我们将鼠标滑过每一个列表项的时候都会出现一定的动画特效，效果非常不错。这种列表美化样式一共有3种，发光效果最酷了。

在线演示 / 源码下载

10、jQuery Bootstrap响应式下拉菜单

今天我们要来分享一个基于jQuery和Bootstrap的响应式下拉菜单，这款菜单的特点就是菜单项可以有二级下拉菜单，而且当页面宽度比较窄时菜单项将集中在一个下拉菜单下，非常适合移动网站。由于是基于jQuery的，兼容性也还可以。

在线演示 / 源码下载

以上就是10个很酷的HTML5动画，欢迎收藏分享。 本文链接：http://www.html5tricks.com/10-cool-html5-new-animation.html