借助Granimjs制作绚丽的流体动画

前言

Granim是什么？Granim是一个流体动画库，那么流体动画又是什么？流体动画就是渐变色不断地移动，我们看一个案例就知道了：

我们想要做一个流体动画按钮，有三种方式：

1.设计师制作lottie文件，前端直接播放
2.设计师制作GIF播放
3.前端用css模拟流体动画或者用canvas绘制动画

但是如果设计师不愿意做的话，我们只能自己想办法，用css模拟流体动画性能较好，但是代码成本很高，调试效果成本也很高，所以使用现成的动画库可能更符合我们的需求，那么我们就找到了Granimjs（怎么找到的Granimjs我们在文章最后揭晓）

Granimjs

官网效果很炫酷：sarcadass.github.io/granim.js/

官方文档：