不用导入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博客

相关推荐
多多1533 分钟前
基于大模型的文档自动化测试用户提交文件进行文档测试
前端
张风捷特烈4 分钟前
Flutter TolyUI 框架#11 | 标签 tolyui_tag
前端·flutter·ui kit
小茴香3535 分钟前
vue3的传参方式总结
javascript·vue.js·typescript
梵得儿SHI6 分钟前
Vue 核心语法深度解析:生命周期与响应式之计算属性(computed)与侦听器(watch/watchEffect)
前端·javascript·vue.js·计算属性·侦听器·缓存机制·数据派生
anuoua7 分钟前
歼20居然是个框架-基于 Signals 信号的前端框架设计
前端·javascript·前端框架
秋天的一阵风8 分钟前
翻掘金看到停更的前辈们,突然想聊两句 🤔
前端·vue.js·程序员
中杯可乐多加冰9 分钟前
openEuler软件生态体验:快速部署Nginx Web服务器
服务器·前端·nginx
拾忆,想起9 分钟前
Dubbo服务降级全攻略:构建韧性微服务系统的守护盾
java·前端·网络·微服务·架构·dubbo
我爱学习_zwj17 分钟前
Node.js模块管理:CommonJS vs ESModules
开发语言·前端·javascript
咬人喵喵18 分钟前
网页开发的“三剑客”:HTML、CSS 和 JavaScript
javascript·css·html