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

相关推荐
码上成长7 小时前
小程序请求层怎么封装?
前端·小程序
IT_陈寒8 小时前
Redis的KEYS命令差点把我的生产环境拖垮,改用SCAN吧
前端·人工智能·后端
deli0070078 小时前
打飞碟射击场:霓虹星空下飞碟满天飞,鼠标点射一枪一个
前端·ai编程
zoe驿鹿8 小时前
【CI/CD】前端工程化与自动化:从“手工作坊”到“现代化工厂”的演进之路
前端·ci/cd·自动化
lupai8 小时前
增值税发票 OCR 识别 API 新手接入指南
java·前端·ocr
IMPYLH8 小时前
HTML 的 <figure> 元素
前端·javascript·html
reasonsummer8 小时前
【办公类-120-01】20260812闵行区幼儿园概况表的数据统计(户籍、五类性质、优抚子女)
前端·python
宿6748 小时前
vue3-指令和事件处理
开发语言·前端·javascript
风骏时光牛马8 小时前
AI助手异常问题Debug排查
前端
梦想的旅途28 小时前
企业微信API实战:Python自动化消息推送
java·前端·python·自动化·企业微信