CSS3个性化价格表自定义表格单元

HTML5可以把文字效果做得非常酷，就像之前分享的HTML5/CSS3发光文字和HTML5/CSS3文字投影特效就非常绚丽。今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效，我们可以在输入框中指定任意文字，点击确定按钮后，就会将原先的文字爆炸散去，新的文字以像素点的形式组合起来，看起来非常棒。

在线演示源码下载

2、HTML5/CSS3超酷焦点图特效带前后翻页按钮

今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。

在线演示源码下载

3、HTML5 SVG Tab滑块菜单非常酷的Tab菜单

之前我们分享过很多HTML5/[......]

阅读全文>>

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

83,523 人浏览

6条回复

2014-07-07 21:29:43

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

html5-canvas-side-text

在线演示源码下载

纯CSS3实现3D太空飞船多视角动画演示

10,349 人浏览

2条回复

这是一款用纯CSS3打造的3D太空飞船动画，从夜空背景，到飞船上的每一个细节，都使用了CSS3来实现，所以尽管是比较复杂的页面，加载速度也很快。另外，这款CSS3飞船动画可以在左上角的控制面板中控制飞船的不同视角，同时也可以开启和关闭飞船尾部的螺旋桨，非常逼真的纯CSS3动画。

pure-css3-3d-air-ship

在线演示源码下载

CSS3实现文字局部背景图案效果

9,955 人浏览

发表回复

这次要分享的是一款利用CSS3实现的文字特效，这款CSS3文字特效可以使文字的任意局部背景自定义，这样我们的一个文字不同区域就可以定义不同的背景颜色和背景图片。之前我们也分享过一篇文章用CSS3美化半个字符巧妙方法，这就是实现原理。

css3-text-background-partial

在线演示源码下载

CSS3 3D立体按钮鼠标滑过发光特效按钮

6,643 人浏览

1条回复

今天我们要来分享一款基于CSS3的3D按钮特效，这款3D按钮利用了大部分CSS3特有的属性，首先是内凹，然后是外凸，最后再给按钮加上阴影，这些特效都是通过CSS3属性实现。另外，这款CSS3按钮还有一个特点是当鼠标滑过按钮时，会出现微微发光的特效，非常酷。

在线演示源码下载

精妙无比 8款HTML5动画实例及源码

19,912 人浏览

发表回复

新的一周开始了，我们分享HTML5和CSS3的工作也将继续前行。今天要给大家带来8款精妙无比的HTML5动画实例，每一个动画演示都有源代码提供下载，非常方便大家学习HTML5的相关知识，一起来看看吧。

1、基于HTML5 Canvas的图表插件Chart.js

chart.js是一款基于HTML5 Canvas的图表插件，chart.js的功能非常强大，它不仅提供了常见的柱形图、折线图、饼状图，而且还提供了环形图、雷达图，样式外观多样，图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有弹性动画特效，这也是HTML5 Canvas的一大功劳。