返回 登录
1

HTML5/jQuery动画应用 3D视觉效果

今天我们要来分享几款很酷的HTML5/CSS3动画应用,虽然不是HTML5 3D应用,但也有3D的视觉效果。HTML5结合jQuery,让网页应用变得更加强大了。一起来看看这些HTML5/jQuery动画应用吧。

1、HTML5 3D动画柱形图表

这次我们要来分享一款效果非常酷的HTML5 3D柱形图表,这款HTML5图表和之前分享的都不一样,主要是外观上比较吸引人,首先图表是3D立体的,有一种非常棒的视觉效果;其次,当鼠标划过柱形图表时,会有很不错的HTML5动画效果。

html5-3d-animated-bar-chart

在线演示 / 源码下载

2、HTML5 Canvas烟花动画 可控制烟花速度和大小

这款HTML5烟花动画我们应该比较熟悉,因为之前有分享过类似的HTML5动画了。这个HTML5烟花动画是基于canvas的,可以说是之前分享那款的升级版,它可以控制烟花上升的速度和烟花绽放花朵的大小。由于是在HTML5 Canvas画布上完成,因此也就非常灵活。

html5-canvas-fireworks

在线演示 / 源码下载

3、HTML5/CSS3动画图标按钮

今天要分享一款基于HTML5和CSS3的动画按钮,当然,这款CSS3按钮也可以当作图标来使用。利用CSS3的动画属性,当我们用鼠标划过按钮时,整个按钮就会出现非常炫酷的动画效果。当然这需要支持CSS3的浏览器才可以播放动画。

html5-css3-animate-icon-button

在线演示 / 源码下载

4、HTML5 3D阴影文字特效

今天我们要来分享一款非常简单大气的HTML5 3D文字特效,这个3D文字特效是通过文字加粗以及文字阴影来实现的,效果非常不错。同时我们在html5tricks网站上也分享过很多炫酷的文字特效,比如CSS3文字阴影效果 阴影角度可随鼠标变化动感的CSS3 Loading文字特效

html5-3d-text-shadow

在线演示 / 源码下载

5、CSS3手风琴下拉菜单 支持多菜单展开

这又是款基于CSS3的下拉菜单,这款CSS3菜单是手风琴样式的,关于手风琴菜单,大家也可以回顾一下这款CSS3手风琴菜单 可同时折叠多个菜单。今天的这款CSS3手风琴菜单也类似,菜单具有3种模式,一种是同时展开多个菜单,一种是只能同时展开一个菜单,还有一种是可以默认展开一个菜单。应该说,这款CSS3手风琴菜单非常的实用。

css3-accord-menu-mult-flip

在线演示 / 源码下载

6、jQuery动画图片滑块插件 流水线样式

今天我们要来介绍一款很酷的jQuery图片滑块插件,这款jQuery图片插件非常具有个性化,首先图片可以根据数量来分组,然后点击切换按钮时,每一组图片就像流水线上的产品一样滑过,图片滑动时也有不错的动画效果。这款jQuery插件可以在商品展示页面上使用。

jquery-animated-image-slider

在线演示 / 源码下载

7、HTML5 3D手掌动画 看起来很抽象

今天我们要来分享另外一款很酷的HTML5 3D动画,它是用一个个像素点构造的3D立体手掌动画,你可以拖动鼠标从不同的侧面观看这只非常抽象的手掌。另外,我再推荐一款HTML5 3D动画:HTML5 SVG 3D蝴蝶飞舞动画

html5-3d-hand

在线演示 / 源码下载

这都是一些很酷的HTML5应用,欢迎收藏分享。

评论