回転画像が正しく

Question

私の例/仕事：http://thomasdebelder.be/1/ 私は月を回転させるようにしようとしているが、このような惑星：180と360度とそれを回転させる：https://www.google.com/doodles/new-horizons-pluto-flybyが、それはdoesntの仕事は、私が変換するために私のCSSコードにしようと試み変換原点を中心にしてXの周りを回転させますが、まだ回転していません。それは左から右へではなく、Googleのリンクのように、中心の周りを回転する必要があります。

@keyframes moon { 100% { transform:rotate(180deg); }}

 <!-- MOON --> 
     <div class="moon"> 
     <img src="images/moon.png"> 
     </div> 

Answer 1

あなたは変換起源を追加する必要があります。中心の周りにこのターンを作るために、50％、50％