CSS平面轉(zhuǎn)動動畫是一種通過CSS動畫屬性和keyframes關(guān)鍵幀制作的前端動畫效果。通過CSS的transform屬性和相應(yīng)值的變化，可以實現(xiàn)簡單的平面旋轉(zhuǎn)、翻轉(zhuǎn)和旋轉(zhuǎn)平面等動畫效果。

.plane {
width: 100px;
height: 100px;
background: #26AFEB;
animation: rotate 2s infinite linear;
transform-origin: center center;
}
@keyframes rotate {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}

在上述代碼中，我們定義了一個類名為plane的元素，設(shè)置了它的寬高和背景顏色。通過animation屬性，我們創(chuàng)建了一個名為rotate的動畫，使它無限次旋轉(zhuǎn)。

在keyframes中，我們定義了動畫的關(guān)鍵幀。通過設(shè)置0%和100%分別表示動畫起點和終點，同時通過transform屬性設(shè)置了元素的旋轉(zhuǎn)度數(shù)。

另外，我們還設(shè)置了transform-origin屬性，它可以指定旋轉(zhuǎn)元素的中心點。在本例中，我們將元素的中心點設(shè)置在了正中心。

上述代碼僅是一個簡單的旋轉(zhuǎn)動畫示例，如果你想要實現(xiàn)更復(fù)雜的翻轉(zhuǎn)、翹起等效果，可以嘗試使用其它transform變換屬性和關(guān)鍵幀組合實現(xiàn)。