码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-27 09:55:39      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

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

1、HTML5 3D动画柱形图表

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

技术分享

在线演示

源码下载

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

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

技术分享

在线演示

源码下载

3、HTML5/CSS3动画图标按钮

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

技术分享

在线演示

源码下载

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

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

技术分享

在线演示

源码下载

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

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

技术分享

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1246.html

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

标签:

原文地址:http://www.cnblogs.com/i7758/p/4532469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!