vlambda博客
学习文章列表

HTML5图片水面倒影和波纹动画,超逼真

插件简介

HTML5确实是非常强大,尤其是Canvas的灵活使用。今天要分享的也是一款基于HTML5 Canvas的图片水面倒影和波纹动画,利用这款应用我们可以将任意一张图片添加水面倒影的特效,并且添加水面波浪起伏的动画,就好像图片中的景物都在湖面倒影上一样,真的是超级逼真炫酷,确实非常不错。

插件预览

插件下载

在线演示链接:
https://www.html5tricks.com/demo/html5-canvas-image-water-wave/index.html

插件下载链接:
https://www.html5tricks.com/download/html5-canvas-image-water-wave.rar

解压密码:RJ4587

你可以点击底部“阅读原文”前往我们的官方网站html5tricks,在那里你可以在线演示这款HTML5图片水面倒影和波纹动画,并且下载这个动画的源码,代码仅供参考和学习。





相关动画(点击链接可跳转)






每日分享前端插件干货,欢迎关注!

点赞和分享就是最大的支持❤️