使用animate.css不生效的解决方法
匡祖鹤
- 使用cdn引入
<link href="https://unpkg.com/animate.css@3.5.2/animate.min.css" rel="stylesheet">
- 如果是vue项目，就
npm install animate.css --save，然后在main.js中import animated from 'animate.css' Vue.use(animated) - html中使用: 必须要写
infinate，不然动画不生效
<body>
<div class="animated bounce infinite"></div>
</body>
- 给div设置样式，不然页面看不见东西
<style>
div {
width: 100px;
height: 100px;
background-color: red;
}
</style>
类似资料：