标签归档：HTML5 Canvas

还记得我们之前分享的几款HTML5粒子动画特效吗？比如这款HTML5文本输入框粒子动画特效和HTML5 Canvas生成粒子效果的人物头像，效果都非常炫酷。今天我们要给大家介绍的也是一款基于HTML5 Canvas的粒子数字时钟动画，时钟会读取本地时间，并且每变化一次均会出现粒子动画效果，这款粒子数字时钟非常适合在你的个性化博客中使用。

在线演示源码下载

HTML5 Canvas 圆形进度条显示数字百分比

15,303 人浏览

发表回复

2017-02-04 17:22:54

记得以前为大家分享过很多样式各异的进度条插件，有基于jQuery的，也有基于HTML5和CSS3的。这次我们要介绍另外一款基于HTML5 Canvas的圆形进度条应用，在黑色的背景下，白色的进度条显得格外显眼，而且圆形中央会实时显示当前进度的数字百分比，非常实用。

html5-canvas-circle-percentage

在线演示源码下载

HTML5 Canvas 随机色彩光束爆炸动画特效

9,576 人浏览

发表回复

2017-02-03 14:12:05

今天我们要给大家分享一款非常炫酷的HTML5 Canvas光束爆炸动画特效，它就像一朵光速爆炸开一样，动画效果非常绚丽。点击鼠标时，可以随机切换光速的颜色，当然你也可以在页面上放几个按钮，通过点击按钮来指定某一种颜色的光束。

html5-canvas-beam-explosion

在线演示源码下载

HTML5 Canvas 3种不同风格的圆盘时钟

6,597 人浏览

发表回复

2016-12-11 14:50:07

这次我们要继续为大家分享一款基于HTML5 Canvas的圆盘时钟动画，和之前分享的这款HTML5 Canvas 圆形时钟动画类似，它也是基于HTML5的，但是这款时钟提供了3种不同的样式风格，而且时钟的大小可以自己控制。

在线演示源码下载

HTML5 Canvas烟花动画随机色彩、高度和角度

8,189 人浏览

发表回复

2016-11-04 23:15:10

还记得之前我们为大家分享的一款HTML5烟花动画吗？那款烟花动画是根据你鼠标点击的位置来确定高度和角度的，而且色彩看起来并不是那么逼真。这次要介绍的也是一款基于HTML5 Canvas的烟花动画，它的特点是可以自动燃放，烟花的色彩和燃放的高度、角度都是随机生成的，而且与实际的烟花更加相似，色彩更加饱和。

html5-canvas-fireworks-2

在线演示源码下载

15个超绚丽的HTML5 Canvas时钟动画特效

11,099 人浏览

发表回复

之前我们有给大家介绍过很多基于HTML5的时钟动画，比如这款5种样式的HTML5 SVG圆盘时钟动画和HTML5仿Apple Watch时钟动画，效果都很酷。这次要分享的是15个超绚丽的HTML5 Canvas时钟动画特效，它们很多都有各自不同的外观，有几个时钟的造型还非常新颖奇特，因为是基于HTML5 Canvas的，所以你的浏览器需要支持HTML5。