【Uni-App社区小程序】006-引入CSS动画库

一、Animate.css动画库介绍

Animate.css是一个有趣的,跨浏览器的css3动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果;

 

二、下载

1、官网地址

https://animate.style/#documentation

 

2、官网首页截图

【Uni-App社区小程序】006-引入CSS动画库_第1张图片

 

3、下载地址1

https://www.dowebok.com/demo/2014/98/

【Uni-App社区小程序】006-引入CSS动画库_第2张图片

 

三、引入

第一步:将下载到的CSS文件粘贴到我们的项目的common文件夹里面

【Uni-App社区小程序】006-引入CSS动画库_第3张图片

第二步:在App.vue中引入CSS动画库

【Uni-App社区小程序】006-引入CSS动画库_第4张图片

 

四、使用

1、代码

 

2、截图

【Uni-App社区小程序】006-引入CSS动画库_第5张图片

 

3、备注

各种动画效果可在官方查看,修改为对应名字即可;

 

 

 

 

 

你可能感兴趣的:(uni-app,微信小程序,uni-app,webapp,css3,vue.js)