今天要给大家推荐10个超赞的HTML5动画效果，其中有一些是基于CSS3和jQuery的，比较实用，尤其是前几个HTML5动画，简直酷毙了。现在分享给大家，说不定你可以用上这些HTML5动画和jQuery应用。1.HTML5Canvas发光加载动画我们之前分享过很多基于CSS3的加载动画效果，相信大家都很喜欢。今天给大家分享一个基于HTML5Canvas的发光加载动画效果。加载旋转图标绘制在画布上，整个加载动画是发光的3D视觉效果，HTML5非常强大。在线演示源码下载二、jQuery球形放大镜特效插件今天给大家分享一款基于jQuery的放大镜特效插件。与其他放大镜不同，这款jQuery放大镜插件是球形的，看起来像3D视觉效果。当你将鼠标滑过页面上的文字时，会出现一个炫酷的球形放大镜，可以放大当前区域的文字。并且以球心为中心点，文字向外逐渐变小，营造出立体感。在线演示源码下载3.HTML5Canvas粒子模拟效果这是一个用HTML5Canvas模拟30,000个粒子的动画。当你在画布上移动鼠标时，鼠标周围的一些粒子会随着你一起移动，并形成一定的图案，就像你在玩沙画一样，效果非常好。在这里，我们应用了一些HTML5功能来使这个粒子动画非常动态。在线演示源码下载4.带区域地图的HTML5/CSS3联系表今天给大家分享一个功能强大的HTML5/CSS3联系表，可以选择不同的区域显示相应的地图，然后填写该区域的联系表。在线演示源码下载5.CSS33DCubeLoading加载动画效果之前分享过一些HTML5和CSS33D立方体效果，可以旋转显示3D立体效果。这次分享的CSS33D立方体确实是用来做加载动画的，9个小立方体上下浮动，呈现出波浪的效果，而且这个加载动画还利用了CSS3的阴影属性，让这些立方体的3D色彩更加饱满。在线Demo源码下载#p#6.超级立体的CSS33D菜单菜单项带小图标今天给大家分享一个CSS33D立体菜单。这个菜单横躺在页面上，每个菜单项都有一个很好的小图标。在线demo源码下载7.基于Bootstrap和CSS3的响应式UI框架今天给大家分享一套基于Bootstrap和CSS3的响应式UI框架。这个UI框架包括自定义CSS3按钮和自定义CSS3复选框和单选按钮，自定义CSS3下拉框等，外观非常漂亮。在线Demo源码下载8.纯CSS33D动画菜单菜单项按下时有内阴影但是看起来很干净漂亮，尤其是灰黑色的背景，让菜单看起来有点立体感。另外，当我们点击菜单项时，菜单项会有内阴影的视觉效果。在线Demo源码下载9.HTML5Canvas动画按钮点击水波扩散效果之前我们分享了一个基于CSS3的自定义按钮，今天分享一个基于HTML5Canvas的动画按钮，每个按钮都是一个画布，非常灵活，你可以在画布上画任何你喜欢的东西作为按钮的背景图，还可以有动画效果。在线演示源码下载10.CSS3/jQuery实现Tab菜单widget。过几天想分享一个基于CSS3和jQuery的Tab菜单。这个Tab菜单的外观非常简洁清新，Tab的上边框有加粗的线条。让这些选项卡菜单按钮看起来非常立体。还有一个缺点就是tab切换的时候没有CSS3动画效果。此选项卡菜单可以作为小部件放置在网页的侧边栏上。在线Demo源码下载以上是10款超炫的HTML5动画效果，欢迎收藏分享。
