插件官网,支持react,vue

AutoAnimate - Add motion to your apps with a single line of code

自动加动画原理

AutoAnimate 加动画的原理也很简单，监听绑定的 DOM 节点里 DOM 结构变化，自动添加对应的过渡动画：

• 增加子节点 => 渐入动画；
• 删除子节点 => 渐出动画；
• 移动子节点 => 交换位置动画

这些都是自动添加的效果，如果想要进一步定制动画，也支持配置。官网给出很多代码示例，可以去参考来写。有个这个库，其实很多排序、轮播图这样的效果，实现起来非常容易。