transform: none;

transform: rotateX(120deg);

transform: rotateY(130deg);

transform: rotateZ(50deg);

當滑鼠滑入時, 以X軸旋轉360度。

#b2:hover { animation: testAni1 4s infinite; }

@keyframes testAni1 {
  100% { transform: rotateX(360deg); }
}
            

當滑鼠滑入時, 以Y軸旋轉360度。

#b2:hover { animation: testAni2 4s infinite; }

@keyframes testAni2 {
  100% { transform: rotateY(360deg); }
}
            

當滑鼠滑入時, 以Z軸旋轉360度。

#b2:hover { animation: testAni3 4s infinite; }

@keyframes testAni3 {
  100% { transform: rotateZ(360deg); }
}