x-animate屏幕滚动加载动画插件

x-animate是通过屏幕滚动控制动画执行的插件，可以完美配合animate.css使用。

• 通过npm安装

  npm install animate.css x-animate --save

• 通过import引入x-animate，通过new操作符创建一个新的Animate对象。

  // javascript
  import 'animate.css'
  import Animate from 'x-animate'
  new Animate();

  • animate(必填项) 参考animate.css动画名

  • delay(可选) 延时加载

  • duration(可选) 动画持续时间

@keyframes newAnimate {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

. newAnimate {
  animation-name: fadeIn;
}