2016-12-07 60 views
0

考慮這個演示:https://jsfiddle.net/s2Lngpto/1/CSS旋轉功能。如何指定旋轉的方向?

我有一個微調,我想它旋轉不是360度左右,但315度每次(走在全週期在8個旋轉)和CSS的表現確實古怪。根據我的理解,如果你指定例如rotate(315deg),它應該移動到當前位置的-45度位置。但相反,如果通過最長的路徑向右移動。好吧..我想這就是CSS的工作原理,如果你指定正整數,它會正確旋轉,如果是負值 - 離開?是的是的?
不,我已經指定了270度的位置,而在第二個階段它向左轉而不是向右轉

我做錯了什麼?什麼是最簡單的方法來實現我想要的?

+0

你可以簡單地定義爲負值 –

回答

0

如u已經awnsered自己:

在一個方向(右)

  • transform: rotate(10deg)

  • 在另一個方向

    (左):
    transform: rotate(-10deg)

它可能與y有關我們的動畫,例如,當你有屬性animation: alternate時,它往往會像你所描述的那樣。你能提供一些代碼嗎?