vue中使用animate.css

vue中使用animate.css

  • 安装
  • main.js引入样式
  • 例子
  • 文档
  • 知识点记录
  • 遇到问题记录

安装

npm install animate.css --save

main.js引入样式

import animated from 'animate.css'
Vue.use(animated)

例子

<template>
    <h1 class="animate__animated animate__rotateOutDownRight animate__infinite animate__delay-2s">An animated elementh1>
template>

文档

官方文档(英文):https://animate.style/

看不懂英文还可以参考一下这个中文网,只不过这个是直接下载引入css文件,在使用上会有一点不一样:http://www.animate.net.cn/

知识点记录

遇到问题记录

你可能感兴趣的:(VUE,CSS,javascript,开发语言,ecmascript)