码迷,mamicode.com
首页 > Web开发 > 详细

webpack中使用wowjs和animate.css

时间:2018-12-06 12:13:30      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:anim   动画效果   targe   旋转   链接   hub   --   span   blank   

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();

 

简书安装链接   https://www.jianshu.com/p/d715831505ce

webpack中使用wowjs和animate.css

标签:anim   动画效果   targe   旋转   链接   hub   --   span   blank   

原文地址:https://www.cnblogs.com/wangshengli520/p/10075660.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!