动画从不同旋转角度开始的元素旋转

Question

我试图创建一个简单的动画，一个元素应该绕半径完全旋转（使用transform-origin），问题是我希望该元素以一个角度开始。

对于从0deg开始的旋转，我知道我可以做到：

import cv2
img = cv2.imread('new.bmp')
cv2.imshow('FRAME', img)
cv2.waitKey(0)
cv2.destroyAllWindows()

但我希望它从一个角度开始，这不起作用：

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

我理解为什么。因为它的意思相同......但是在这种情况下如何完全旋转呢？ 这是它的简化版本。将它与JS混合以使其工作没有问题： https://jsfiddle.net/shock/qqdkj7hx/

Answer 1

尝试以下方法：

@keyframes spin {
  0% { transform: rotate(45deg); }
  100% { transform: rotate(405deg); }
}

FIDDLE