css动画效果

6 款华丽的 HTML5 动画特效及源码

投递人 itwriter 发布于 2012-11-22 15:30 评论(0) 有16979人阅读  原文链接  [收藏]  « »

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

　　1、HTML5水滴效果

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

　　在线演示 / 源码下载

　　2、HTML5卡带播放器

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

　　在线演示 / 源码下载

　　3、HTML5吃豆人游戏

　　在线演示

　　4、HTML5放大镜特效

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

　　在线演示 / 源码下载

　　5、HTML5联系表单

　　在线演示 / 源码下载

　　6、colorful clock

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