Question

我正在尝试使图像旋转，但是当我使用关键帧时它不会旋转。所以我的问题是甚至可以在反应中使用关键帧吗？

下面的CSS代码

 .logoImage {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 }

Answer 1

在CSS中，您需要在CSS类定义之外定义关键帧

.logoImage {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
 }

@-moz-keyframes spin { 
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}

Console.ReadLine Method

您可以使用关键帧来对对象进行动画处理吗？

1 个答案: