标题
[css/js常用库]direction-reveal 和 Animate.css
clq
浏览(513) +
2022-12-20 10:23:06 发表
编辑
关键字:
https://www.cnblogs.com/shangrao/p/13046672.html
https://nigelotoole.github.io/direction-reveal/#
--------------------------------------------------------
Animate.css的简单使用
Animate.css的简单使用
animate.css是一个基于css3 animation动画库，库中预设了几乎所有日常开发中的需求
animate.css 的官网为：https://animate.style
一、安装方式
CDN 地址：link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/
二、animate.css 4.x区别和使用方法
animate.css 4.x版本迎来了重大改变，不仅添加了更多动画效果，引用前缀也进行了改变。
在3.x版本时，基本类 都是加animated ，在4.x版本 加 animate__animated，就是要加 animate__ 前缀。注意区别版本
h1 class="animate__animated animate__pulse"An animated 4.x element/h1
h1 class="animated pulse"An animated 3.x element/h1
三、animate.css 4.x的基本使用方法
安装Animate.css之后，将该类animate__animated以及 动画名称 添加到元素中（不要忘记animate__前缀！）
动画名称就是Animate官网提供给我们的css类名,当我们鼠标移动到某个类名 可以点击右边的 直接复制类名称 （此时案例复制的类名称为 animate__bounce）
注意，在使用动画名称时还要讲基本类名称animate__animated，一起添加，才能起作用。
右侧的英文比较多，这里提供了一些主要的类名中午注释
NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.
