动效解决方案 Animate.css

一、 Animate.css 是一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。

• 官网 https://animate.style

二、功能介绍

animate通过内置动画可以改善界面的用户体验，通过js，用户可自由控制动画的进行，

三、安装

npm install animate.css --save
vue 项目main.js 中导入

import "animate.css"

注意： 元素上必须添加 animate__animated这个类

四、 场景实践

以下皆为本人业余时间做的demo，仅供应用场景引导， 更多使用场景请自行展开

1.Dialog 弹窗

  

    打开弹窗
    

      

        
我是一个弹窗哈~~~
      
    
  

2.列表删除

3.视觉提示

4.左右滑卡片