CSS回転機能。どのように紡績の方向を指定するのですか？

Question

は、このデモ考えてみましょう：https://jsfiddle.net/s2Lngpto/1/

私はスピナーを持っているが、私はそれがない360度のまわりが、315度ごとに回転したいと思います（と8つの回転でフルサイクルに行く）、およびCSSは本当に不気味動作しています。私が理解したところから、たとえばrotate(315deg)を指定すると、現在の位置の-45度の位置に移動するはずです。しかし、代わりに右への最長の道を通る場合。さて、私はそれが正の整数を指定するとCSSの仕組みだと思います。そうそう？
いいえ、私は270度の位置を指定しました。第2ステージでは、右の代わりに左に回転します

私は間違っている？私が欲しいものを達成する最も簡単な方法は何ですか？

Answer 1

はuが自分をawnseredてきたように：（左）、他の方向に
transform: rotate(10deg)

：
transform: rotate(-10deg)

• （右）を一方向に

  おそらくyと関係がある私たちのアニメーションは、あなたが属性animation: alternateを持っているとき、例えばそれが記述されたようにする傾向があります。あなたはいくつかのコードを提供できますか？