CSS 회전 기능. 회전 방향을 지정하는 방법?

Question

이 데모 고려 : https://jsfiddle.net/s2Lngpto/1/

내가 스피너를 가지고, 그리고 나는 그것이없는 360도 약하지만, 315도마다 회전 싶습니다 (8 회전에서 전체주기에 이동), 및 CSS 정말 이상하게 행동한다. 내가 이해 한대로 예를 들어 rotate(315deg)을 지정하면 현재 위치의 -45도 위치로 이동해야합니다. 그러나 대신에 가장 긴 경로를 따라 오른쪽으로 이동하십시오. 좋아요. 그냥 CSS가 작동하는 방법이라고 생각합니다. 양의 정수를 지정하면 오른쪽으로 회전하고 음수라면 왼쪽으로 이동합니까? 맞아 맞아?
아니요, 270도를 지정했으며 두 번째 스테이지에서 오른쪽 대신 왼쪽으로 회전합니다.

잘못된 것이 있습니까? 내가 원하는 것을 얻기위한 가장 쉬운 방법은 무엇입니까?

Answer 1

하면 u는 자신 awnsered 한 바와 같이 (좌측)은 다른 방향
transform: rotate(10deg)

:
transform: rotate(-10deg)

• (오른쪽) 일방향

  아마 y와 관련이 있습니다. 예를 들어, animation: alternate 속성을 가지고있을 때 우리는 설명 된 것처럼 그것을하는 경향이 있습니다. u는 몇 가지 코드를 제공 할 수 있습니까?