CSS原地旋轉動畫是一種使用CSS實現原地旋轉效果的動畫，可以讓元素在水平和垂直方向上旋轉，而不需要移動元素本身。

原地旋轉動畫可以通過設置元素的旋轉方向、旋轉角度和旋轉速度來實現。其中，旋轉方向是指元素將往哪個方向旋轉，旋轉角度是指元素旋轉的角度大小，旋轉速度是指元素旋轉的速度。

以下是一個簡單的CSS原地旋轉動畫示例：

<div class="rotate-left">

</div>

</div>

在這個示例中，我們將一個div元素包裹在另一個div元素中，并使用CSS設置兩個div元素之間的間隔和旋轉角度。其中，“rotate-left”表示元素將向左旋轉90度。

.rotate-left {

position: relative;

width: 200px;

height: 200px;

position: absolute;

top: 0;

left: 0;

width: 200px;

height: 200px;

background-color: #ff0000;

transform: rotateY(-90deg);

在這個示例中，我們使用了“transform”屬性來設置元素的旋轉方向和角度。其中，“rotateY”表示元素將向垂直方向旋轉90度。

通過以上步驟，我們就可以實現一個簡單的CSS原地旋轉動畫，讓元素在水平和垂直方向上旋轉。