我有一个样式可以旋转图标并应用一些动画,css工作正常,但当我将css转换为样式化组件时,它部分工作,我调试并发现动画属性有问题.

https://codesandbox.io/s/fragrant-firefly-dmck8d

推荐答案

试试这个


export const StyledLoaderInner = styled.span`
    animation: ${StyledLoaderInnerFrame} 2s ease-in infinite,
    ${StyledLoaderMainKeyFrame} 2s ease infinite;
  background: hsla(0, 0%, 100%, 0.8);
  left: 0;
  position: absolute;
  right: 0;
`;

Javascript相关问答推荐

jest使用useLocate测试自定义挂钩

单击树元素时阻止焦点事件触发?

IOS(React Native)中未找到模块SquareReaderSDK

React状态变量在使用++前置更新时引发错误

除了在Angular 16中使用快照之外,什么是可行且更灵活的替代方案?

如何从对象嵌套数组的第二级对象中过滤出键

积分计算和 colored颜色 判断错误

网页自检测外部元素无法加载

PrivateRoute不是路由组件错误

如何使覆盖div与可水平滚动的父div相关?

在nextjs服务器端api调用中传递认证凭证

如何使用子字符串在数组中搜索重复项

为什么123[';toString';].long返回1?

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

如何在和IF语句中使用||和&;&;?

不同表的条件API端点Reaction-redux

ngOnChanges仅在第二次调用时才触发

有没有办法更改Chart.js 3.x.x中主要刻度的字体?

react 路由如何使用从加载器返回的数据

如何使用[ModelJSON,ArrayBuffer]调用tf.loadGraphModelSync