对于一个复杂的图形或者动画来说，之前我们的处理方式是图片叠加或者利用CSS+JavaScript的方法，然而随着CSS3标准的不断成熟，我们甚至完全可以利用CSS3来绘制一些图片和制作丰富的动画特效。本文主要是分享了8个纯CSS3制作的动画应用，提供源代码下载。

1、纯CSS3实现发光开关切换按钮

前段时间我们向大家分享过一款牛奶般剔透的CSS3 3D开关按钮，效果相当赞。今天我们要来分享一款类似的纯CSS3发光开关切换按钮，它的外观就像一个电灯的开关，可以左右切换。另外开关上的文字还有发光的特效，整体看上去很有立体感。

在线演示        源码下载

2、纯CSS3绘制的火龙图像

这又是一款用纯CSS3绘制的动画特效，这次是一个纯CSS3绘制的火龙图像，整条龙没有使用一张图片，完全利用了CSS3的特性。小火龙的样子还是挺逼真的，大家觉得呢？

在线演示        源码下载

3、HTML5 3D点阵列波浪翻滚动画

还记得之前分享过的两款HTML5 3D波浪动画特效么？它们是纯CSS3/HTML5实现3D波浪形动画和HTML5 WebGL实验[......]

阅读全文>>

HTML5的强大也是需要JavaScript的支持，这里我们用jQuery来让HTML5发挥更大的作用，尤其是利用jQuery来操作Canvas绘制更加的方便。本文主要分享一些HTML5结合jQuery的应用实例，并提供源代码下载，方便学习交流。

1、HTML5线性图表iGrapher

iGrapher是一款基于HTML5的线性图表应用，和之前分享的HTML5线性图表 图表数据区域可着色类似，iGrapher也可以按不同的统计范围来绘制曲线，同时我们在iGrapher中可以利用鼠标滚轮来缩放统计区间，同时我们可以在menu栏中选择需要显示的统计数据。

在线演示        源码下载

2、jQuery/CSS3实现超酷的动画Tab菜单

这是一款基于jQuery和CSS3的动画Tab菜单，这款Tab菜单是以单选框Radio为原型的，通过CSS3样式特性对radio的渲染，形成了一个外观看上去像tab菜单的样子。另外特别的是，tab菜单在切换时内容页还会出现淡入淡出的动画效果。

在线演示        源码下载

3、jQuery/CSS3带Toolti[......]

阅读全文>>

HTML5的强大之处不仅在于让网页元素更加灵活多变，更在于它可以很方便地实现各种网页动画特效，让你的网站更加富有现代化特色。就现在的浏览器而言，已经基本都支持HTML5了，所以这也方便了我们开发者免去了考虑浏览器兼容性的头疼问题。今天要分享一些令人难忘的HTML5炫酷动画，希望大家会喜欢。

1、HTML5火球挡板碰撞动画游戏

今天我们要再来分享一款超酷的HTML5火球挡板碰撞动画游戏。屏幕上有一个火球在不停的运动，你可以移动鼠标滑动屏幕下方的挡板，火球碰撞到挡板后，即可反弹出去，这是个很有特色的HTML5游戏。

在线演示        源码下载

2、HTML5/CSS3圆盘秒表动画 秒表可暂停计时

今天我们要分享一款基于HTML5和CSS3的圆盘秒表动画，秒表可以精确到0.001秒，并且可以在计时过程中暂停计时，同时秒表可以随时重置。

在线演示        源码下载

3、3D版HTML5模拟衣服撕扯动画

还记得很早以前向大家分享的这款HTML5 Canvas模拟衣服撕扯动画吗？这绝对是一款非常具有创意而且很好玩的HTML5动画。今天我们来分享一[......]

阅读全文>>

jQuery是一个非常不错的JavaScript脚本库，之前我们也分享了很多关于jQuery的插件，有菜单、表单、图片、动画等等。今天我们要分享一些最新的jQuery/CSS3插件，每一个都提供源代码的下载，希望大家喜欢。

1、jQuery矢量SVG地图插件JVectorMap

JVectorMap是一款基于jQuery的矢量地图插件，它是基于SVG结构的，和其他jQuery地图插件不同的是，jVectorMap是矢量地图，但是它同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的，所以支持大部分主流的浏览器，应用也相当广泛。

在线演示        源码下载

2、页码可滚动的jQuery分页插件jPaginate

jPaginate是一款基于jQuery的分页插件，这款jQuery分页插件有一个特点，就是随着鼠标点击页码，页码会向前或向后滚动，效果非常不错。而且，这款jQuery分页插件提供了多种样式风格，你也可以自己利用CSS来定义不同的分页样式。

在线演示        源码下载

3、纯CSS3实现自定义T[......]

阅读全文>>