技术开发 频道

超级惊艳 10款HTML 5动画特效推荐

  【IT168 技术】今天我们要来推荐10款超级惊艳的HTML 5动画特效,有一些是基于CSS 3和jQuery的,比较实用,特别是前几个HTML5动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 HTML5 动画和 jQuery 应用。

  1、HTML5 Canvas 发光 Loading 动画

  之前我们分享过很多基于 CSS3 的 Loading 动画效果,相信大家都很喜欢。今天我们要来分享一款基于 HTML5 Canvas 的发光 Loading 加载动画特效。Loading 旋转图标是在 canvas 画布上绘制的,整个 loading 动画是发光 3D 的视觉效果,HTML5非常强大。

10款HTML 5动画特效推荐(一)

  在线演示

  源码下载

  2、jQuery 球状放大镜特效插件

  今天我们要来分享一款基于 jQuery 的放大镜特效插件,和其他放大镜不同的是,这款 jQuery 放大镜插件是球状的,看上去有 3D 的视觉效果。当你把鼠标滑过页面上的文字时,即会出现很酷的球状放大镜,来放大当前区域的文字。并且以球心为中心点向外文字逐渐变小,这就产生了立体感。

10款HTML 5动画特效推荐(一)

  在线演示

  源码下载

  3、HTML5 Canvas 粒子模拟效果

  这是一款利用 HTML5 Canvas 模拟出来的 30000 个粒子动画,当你用鼠标在 canvas 画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案,就像你在玩沙画一样,效果非常不错。这里,我们应用了一些 HTML5 的特性,让这个粒子动画显得相当动感。

10款HTML 5动画特效推荐(一)

  在线演示

  源码下载

  4、HTML5/CSS3 带区域地图的联系表单

  今天我们要来分享一款功能强大的 HTML5/CSS3 联系表单,它可以选中不同区域显示相应的地图,然后针对该区域填写联系表单。

10款HTML 5动画特效推荐(一)

  在线演示

  源码下载

  5、CSS3 3D 立方体 Loading 加载动画特效

  之前我们分享过一些 HTML5 和 CSS3 的 3D 立方体特效,他们都是可以旋转来展示 3D 立体的效果。这次分享的这款 CSS3 3D 立方体确是用来做 Loading 加载动画的,9 个小立方体上下浮动,呈现波浪的效果,并且,这个 Loading 动画还利用了 CSS3 的阴影属性让这些立方体更充满 3D 色彩。

10款HTML 5动画特效推荐(一)

  在线演示

  源码下载

0
相关文章