javascript - 在样式组件中使用动画

Question

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

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

Answer 1

试试这个

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;
`;