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

一、Animate.css动画库介绍

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

 

二、下载

1、官网地址

https://animate.style/#documentation

 

2、官网首页截图

 

3、下载地址1

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

 

三、引入

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

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

 

四、使用

1、代码

<template>
	<view>
		<view class="animated" hover-class="fadeIn">
			CSS动画库演示；
		</view>
	</view>
</template>

 

2、截图

 

3、备注

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