如何解决如何在withStyle / jss ready语法中翻译此CSS
我正在尝试使用withStyle在React / material-ui下的CSS中使某些元素闪烁。
这篇文章的语法看起来不错: https://stackoverflow.com/a/48320520/9316077
.blink {
animation: blinker 1s step-start infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
我只是尝试了以下方法:
'@keyframes blinker': {
'50%': {
opacity: 0,},'& .blink': {
animation: '$blinker 1s step-start infinite',
基于此问题,在$
之前添加blinker
:
https://github.com/mui-org/material-ui/issues/13793
但这会使我的网页崩溃。任何想法?谢谢!
解决方法
关键帧名称是since JSS core v10生成的,因此在引用作用域名称时需要使用$,而在name / id为全局名称时则不需要$。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。