这是一个很有意思的HTML5 Canvas图片切换动画,我们可以用鼠标或者手指在屏幕上滑动,将照片撕成两半,然后再切换成另外一张新的照片。这个特效不足的地方在于,所有照片的撕裂裂纹都是一样的,这可能会显得不是那么逼真。如果你有一个相册应用,个人认为可以将这个效果添加到你的相册照片删除功能上,看到哪张照片不爽,直接将它撕成两半,是不是很过瘾。(注:该动画本地无法运行,需要上传到服务器才可以使用)
标签归档:HTML5 Canvas
HTML5 Canvas人群流动模拟动画
HTML5 3D 陨石火球动画
基于Three.js的图片撕碎切换动画
HTML5 Canvas 刻度尺插件 可定制多种主题样式
8,247 人浏览
2020-02-08 11:14:38
HTML5 Canvas粒子螺旋线条3D动画
5,074 人浏览
2020-02-04 16:04:38
HTML5 Canvas柳枝随风飘摇动画
2,969 人浏览
2019-11-30 18:50:19
HTML5 Canvas 3D环形方块翻转动画
4,173 人浏览
2019-07-16 22:13:35
之前我们有给大家分享过一系列的HTML5 3D立方体动画,有很多效果都还不错的,比如这个HTML5/CSS3 3D魔方动画就很厉害,这应该是方块效果中最复杂的了。今天给大家带来的这款方块动画是基于HTML5 Canvas的,它的特点是许多个方块围成一个环形,每个方块不停地旋转,同时你也可以拖拽鼠标来看环形方块的不同视角。
HTML5 Canvas烟花绽放庆祝活动场景
5,062 人浏览
2019-04-14 11:14:09
前段时间,我们分享过几个基于HTML5 Canvas的烟花动画,例如这个2D平面的烟花动画,也是基于HTML5 Canvas的;同样的另外一个基于3D带音效的烟花燃放动画效果也非常炫酷。这次我们分享的另外一款基于HTML5 Canvas的烟花绽放动画的特点是,除了可以播放烟花动画,而且还可以用粒子动画的方式显示文本,例如公司名字,这样更是渲染了庆祝的氛围。
基于Three.js和HTML5 Canvas的3D水晶球体
6,107 人浏览
2019-01-21 15:09:19