这是一款效果非常炫酷的js和CSS3图片碎片合成动画特效。该图片碎片合成动画特效共4种效果,都是利用anime.js来驱动动画,制作出图片碎片分离和合成效果。

该特效中使用了许多新的CSS3特性,如: CSS Flexbox,CSS变量,CSS grid布局和CSS过滤器等。因此不是所有的浏览器都支持这个特效。

下面是该图片碎片合成动画特效的一些截图效果:

图片碎片合成动画特效-1

图片碎片合成动画特效-2

图片碎片合成动画特效-3

图片碎片合成动画特效-4

图片碎片合成动画特效的github地址为:https://github.com/codrops/AnimatedImagePieces/