之前我们介绍过一款HTML5/CSS3时尚的圆盘时钟动画，今天我们来分享另外一种风格的时钟，这款CSS3时钟动画是一款数字时钟，时间每过一秒，相应的位置就会像翻日历一样翻过去。另外，这款CSS3数字时钟有点立体的效果，非常漂亮。

在线演示源码下载

之前我们分享过好几款不错的HTML5柱状图表了，像这款HTML5/CSS3水平柱状图表，非常简单实用的图表。今天我们要再来分享一款HTML5柱状图表，这款图表插件可以将多张图表的数据合并成一张图表显示，在图表数据合并过程中产生融入的动画，挺不错的。

在线演示源码下载

利用HTML5制作图表插件也比较常见，我们也收集过几款很实用的HTML5图表插件，它们确实可以帮助我们在网页上直观地展示数据。今天我们要再来分享一款实用的HTML5线性图表插件，这款线性图表可以在不同的数据区域内绘制不同的颜色，让每一个数据区域都非常明显可见。

下面我们一起来看看实现这款HTML5图片的过程及源码，代码并不复杂，主要由HTML、CSS和JavaScript组成，我们逐步分解来看看。

HTML代码：

<canvas height='300' id='canvas' width='900'></canvas>

HTML代码很简单，只是定义了一个Canvas标签，我们的图片就在这个canvas上绘制。

CSS代码：

.wrapper {
  padding: 50px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}

#canvas {
  display: block;
  margin: 0 auto;
}

由[......]

阅读全文>>