CSS3 2D旋轉動畫是一種可以使你的網頁更加生動有趣的動畫效果，下面就來介紹一下如何實現2D旋轉動畫：

.box {
width: 100px;
height: 100px;
background: red;
transform-origin: center center; /* 將旋轉中心點設置在盒子中間 */
transition: transform 1s; /* 過渡效果 */
}
.box:hover {
transform: rotate(360deg);
}

上面的代碼中，我們首先定義了一個盒子對象，并且通過CSS3的transform-origin屬性來將旋轉中心點設置在盒子的中心，然后通過CSS3的transition屬性來為盒子對象添加過渡效果，當我們鼠標放在盒子上時，它就會以中心點為中心進行360度的旋轉。

需要特別注意的是，transform屬性是CSS3中的新屬性，而且現階段的瀏覽器支持情況較為局限，需要使用瀏覽器前綴來兼容不同的瀏覽器，另外，transition屬性也可以通過瀏覽器前綴來進行兼容。

總之，CSS3 2D旋轉動畫是一種非常實用的效果，尤其是在設計類網頁中，可以起到非常好的裝飾作用，但在使用時需要特別注意瀏覽器兼容性問題，并進行相應的處理。