animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。
官网：https://daneden.github.io/animate.css
github:https://github.com/daneden/animate.css
WOW.js可以在页面向下滚动的过程中播放这些动画效果，还可以为动画设置喜欢的风格、延迟、长度、偏移和迭代等。
官网：http://mynameismatthieu.com/WOW
github:https://github.com/matthieua/WOW
在webpack中使用也很简单，按如下步骤操作即可：
1.首先使用npm安装wowjs
npm install wowjs --save-dev
animate.css会自动安装。
2.在js文件中添加如下代码
import 'animate.css'
import {WOW} from 'wowjs';
new WOW({live: false}).init();
如果不添加live: false，控制台会提示：MutationObserver is not supported by your browser. & WOW.js cannot detect dom mutations, please call .sync() after loading new content.。
参考：
1.https://stackoverflow.com/questions/35099440/wow-js-with-webpack-and-react
2.https://github.com/matthieua/WOW/issues/234
网友评论