uni 引入 animate.css v4版本教程

1.官网链接https://animate.style/

2.引入步骤:
(1)npm install animate.css --save

(2)App.vue中 @import 'animate.css'

(3)页面中使用(注意双下划线连接):

你好明天

属性介绍(详见官网)
①animate__animated 固定值
②animate__swing 动画类名
③animate__infinite 重复次数
④animate__slower 执行速度
⑤animate__delay-2s 延迟两秒执行

(4)然后你会发现页面还是静止的,因为还有最关键的一步-定义初始变量,完成!!

.life {
    --animate-duration: 1s;
    --animate-delay: 1s;
    }

你可能感兴趣的:(uni-app,javascript,css3动画)