jQuery/CSS3实现鼠标点击波浪特效

文字是网页中最基本的元素，在CSS2.0时代，我们只能在网页上展示静态的文字，只能改变他的大小和颜色，显得枯燥无味。随着HTML5的发展，现在网页中的文字样式变得越来越丰富了，甚至出现了文字动画，HTML5和CSS3的强大之处就在于此。本文分享的10款炫酷的HTML5文字动画特效非常不错，一起来看看吧。

1、HTML5 Canvas粒子效果文字动画特效

之前我们分享过很多超酷的文字特效，其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。

在线演示源码下载

2、CSS3 3D镂空文字特效

之前我们有分享过一款镂空效果的CSS3按钮，镂空部分可以定义其他的背景图片。今天我们要介绍的也是一款基于CSS3的镂空文字特效，这样的镂空文字效果在以前很难实现，必须使用背景图片，但是现在利用CSS3，这种镂空效果变得非常简单。

在线演示源码下载

3、HTML5粒子效果的文字动画特效

记[......]

阅读全文>>

10个经典实用的HTML5图表动画应用

19,156 人浏览

发表回复

2015-03-24 09:00:30

今天我们要来分享另外一种类型的HTML5动画：HTML5图表应用。图表在网页中应用十分广泛，尤其是后台的统计功能，更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画，有些结合jQuery，有些是直接基于Canvas，一起来看看吧。

1、超酷HTML5 Canvas图表应用Chart.js

之前我们已经为大家分享过很多HTML5图表应用了，每一个HTML5图表都非常实用。今天我们要介绍一款基于HTML5 Canvas的图表应用Chart.js，它的功能非常强大，有很多图表类型，包括折线图、柱状图、饼图、放射图等，你可以下载并将它们应用到自己的项目中。

柱形图圈饼图折线图饼图极面图雷达区域图源码下载

2、HTML5 3D动画柱状图表

这次我们要分享一款很酷的HTML5 3D图表应用，它是一款柱状图表，呈3D的外观样式，并且我们可以改变图表的颜色主题，让其更加符合你的需求。这款HTML5图表可以切换需要查看的图表数据，在切换的时候有不错的动画效果，而且，我们还可以切换图表的大小，以适应不同大小的浏览窗口。[......]

阅读全文>>

超酷HTML5 Canvas图表应用Chart.js

15,889 人浏览

发表回复

2015-03-23 22:24:07

html5-canvas-chart-js

柱形图圈饼图折线图饼图极面图雷达区域图源码下载

8个实用炫酷的HTML5图片动画应用

32,684 人浏览

发表回复

近期我们发布了不少关于HTML5和jQuery的图片动画应用，很多都比较实用，也有一些效果非常炫酷，比如一些HTML5 3D图片动画特效。本文精选了8个实用而且炫酷的HTML5图片动画应用，希望你会喜欢。

1、CSS3/jQuery实现移动端滑动图片层叠效果

这是一款基于jQuery和CSS3的图片层叠插件，这和我们之前介绍的CSS3图片层叠展开特效有点不同，它支持鼠标滑动切换图片，同时如果在移动端运行的话，也支持触屏滑动来切换图片。这款jQuery图片应用非常适合在手机上使用，效果还不错。

在线演示源码下载

2、HTML5/CSS3图片网格动画特效

HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。

在线演示源码下载

3、jQuery/CSS3图片洗牌切换动画特效

这是一款基于jQuery和CSS3的图片动画特效，该图片动画[......]

阅读全文>>

CSS3/jQuery实现移动端滑动图片层叠效果

20,670 人浏览

发表回复

2015-03-21 15:13:24

jquery-css3-mobile-image-stack

在线演示源码下载

HTML5在线PDF阅读器pdf.js

45,400 人浏览

发表回复

今天我们要来分享一款全新的HTML5应用，它是一个基于HTML5的在线PDF阅读器，虽然Chrome已经自带了PDF阅读器，但是其他的浏览器不一定自带。有了这款HTML5 PDF阅读器应用，我们可以在任意支持HTML5的浏览器上阅读PDF文件，这款HTML5 PDF阅读器的功能已经十分强大，性能也不错，你可以试试这款HTML5 PDF阅读器。

html5-online-pdf-viewer

在线演示源码下载

CSS3前后翻页按钮清新3D外观

12,864 人浏览

发表回复

2015-03-20 21:37:59

之前我们也介绍过不少CSS3按钮了，也有不少是基于HTML5的，比如8个时尚而简约的HTML5按钮这篇文章中就有不少经典的按钮插件。这次我们要分享的也是一款CSS3按钮，它的特点是支持前后翻页的样式，按钮边框有一层淡淡的阴影，因此整体呈现清新的3D外观。

css3-3d-pre-next-buttons

HTML代码：

<div>
	<a class="button back" href="javascript:void(0)">Back</a>
	<a class="button next" href="javascript:void(0)">Next</a>
</div>

<div>
	<a class="button back" href="javascript:void(0)">Previous Slide</a>
	<a class="button next" href="javascript:void(0)">Next Slide</a>
</div&g[......]

阅读全文>>