不用导入animate库,也能实现animate的动画

1、基础公共代码

css 复制代码
.animated {
  animation-duration: .8s; // 持续时间
  animation-fill-mode: both;
}

2、 在animate官网(Animate.css | A cross-browser library of CSS animations.)找到自己需要的css效果,复制名字,例如:bounce

3、到github上找源码(https://github.com/animate-css/animate.css

4、把源码拷贝下来复制到自己项目代码的css中

注意:如果 不生效,很有可能你没有把公共的基础代码(animated)加进去

参看文献:Animate.css动画库,简单的使用,以及源码剖析_animate动画代码_Unknowncheats的博客-CSDN博客

相关推荐
二进制person2 分钟前
JavaEE进阶 --HTML+CSS+JavaScript 基础
javascript·css·html
得物技术2 分钟前
立正请站好:一个组件复用 Skill 的工程化实践|得物技术
前端·架构·ai编程
fīɡЙtīиɡ ℡10 分钟前
【SpringAi最新版入门(二)】
java·javascript·css·人工智能·css3
攀登的牵牛花11 分钟前
OpenClaw 的内心独白,关于最近很火的Harness?
前端·openai
浩星12 分钟前
electron系列8之Electron + Vue 3:构建现代化桌面应用(下)
前端·vue.js·electron
西西学代码13 分钟前
查找设备页面(amap_map)
开发语言·前端·javascript
浩星21 分钟前
electron系列7之Electron + Vue 3:构建现代化桌面应用(上)
javascript·vue.js·electron
m0_7381207221 分钟前
渗透测试基础ctfshow——Web应用安全与防护(四)
前端·安全·web安全·网络安全·flask·弱口令爆破
似水流年QC27 分钟前
Chrome Performance 面板前端性能分析从入门到实战
前端·chrome
君穆南28 分钟前
docker里面的minio的备份方法
前端