CSS3中多邊形旋轉特效非常酷炫，能夠為網頁增添更多的生動感和動態效果，下面跟大家分享一個簡單的CSS3多邊形旋轉特效。

我們首先定義一個六邊形的基本樣式，包含寬高和背景顏色的設置。然后通過偽元素:before和:after分別為六邊形上部和下部增加三角形以形成完整的六邊形的圖形。

其中，三角形的寬度為50px，高度為27.5px。由于三角形是向上和向下的，因此需要通過top或bottom屬性來確定其位置。因為它們是絕對定位的，所以要設置它們的位置在父級元素中間。

最后，為了實現旋轉效果，我們添加了:hover偽類并設置了transform: rotate(-60deg)，這將在鼠標懸停時使元素繞中心點逆時針旋轉60度。

這樣就完成了一個簡單的CSS3多邊形旋轉特效。