用 HTML5 在浏览器上做出非常美妙的效果,这些动画特效大部分都可以在 canvas 上实现,这次分享几款比较有特色的 HTML5 动画特效,如水滴下落、老式卡带播放器等等。

1、HTML5水滴效果

  这是利用 HTML5 来模拟的水滴效果,你可以在图片上轻轻点击,即能出现逼真的水滴动画。

  在线演示 / 源码下载

 

2、HTML5卡带播放器

  这是一款非常炫的 HTML5 卡带播放器,可以倒带、翻盘等动作,非常逼真,还有 3D 效果。

  在线演示 / 源码下载

 

3、HTML5吃豆人游戏

  在线演示

 

4、HTML5放大镜特效

  这是一款利用纯 HTML5 制作的图片放大镜特效,很棒。

  在线演示 / 源码下载

 

5、HTML5联系表单

  在线演示 / 源码下载

 

6、colorful clock

  一款富有创意的环形时钟。

  在线演示 / 源码下载