react module.scss文件中弹窗中 keyframes动画不生效，
2024-09-08 17:30:59
以下修改，亲测有效
非弹窗内动画写法
.submit_btn{
animation: submit_btn 1.5s infinite;
-webkit-animation: submit_btn 1.5s infinite;
}
@keyframes submit_btn {
0%,
20%,
80%,
100% {
transform: scale(1);
}
40%,
50% {
transform: scale(0.9);
}
}
弹窗内写法：在className后增加 :local
弹窗内写法：在className后增加 :local
:global {
.submit_btn :local {
animation: submit_btn 2.5s ease-out;
}
@keyframes submit_btn {
0%,
20%,
80%,
100% {
transform: scale(1);
}
40%,
50% {
transform: scale(0.9);
}
}
}
最新文章
- ecstore-app接口
- jQuery 文本编辑器插件 HtmlBox 使用
- android tween动画效果
- 语音分享应用ios源码
- 选择结构if语句和switch语句的区别
- gulp自动化框架的搭建
- .net中将DataTable导出到word、Excel、txt、htm的方法
- JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能
- hdu3016 线段树+简单DP
- [转载]Web Service到底是什么
- C++向量 vector动态数组
- Scala学习教程笔记二之函数式编程、Object对象、伴生对象、继承、Trait、
- WPF Demo14 依赖属性
- （转）学习ffmpeg官方示例transcoding.c遇到的问题和解决方法
- slam14讲证明构成李代数
- JSON 全解
- PreparedStatement的用法及优点
- 关键字union
- Google帮助IE浏览器实现对SVG支持
- Apache Spark介绍及集群搭建