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

jopen 11年前

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

        1、HTML5水滴效果

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

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

        在线演示 / 源码下载

        2、HTML5卡带播放器

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

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

        在线演示 / 源码下载

        3、HTML5吃豆人游戏

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

        在线演示

        4、HTML5放大镜特效

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

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

        在线演示 / 源码下载

        5、HTML5联系表单

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

        在线演示 / 源码下载

        6、colorful clock

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

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

        在线演示 / 源码下载

来自: www.iteye.com