旋轉太極圖是一種非常流行的網頁設計元素，其優美的圖案吸引了無數用戶的關注。

要實現這種效果，我們需要使用CSS3的3D旋轉特性，并且用一些復雜的變換來完成整個過程。下面就是一段簡單的CSS3代碼來實現旋轉太極圖：

.taiji{
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid #000;
position: relative;
animation: rotate 5s linear infinite;
}
.taiji:before, .taiji:after{
content: '';
position: absolute;
right: 50%;
top: 0;
bottom: 0;
z-index: 999;
border-radius: 50%;
}
.taiji:before{
background: white;
left: 0;
transform: translateX(-50%);
}
.taiji:after{
background: black;
left: 50%;
transform: translateX(50%);
}
@keyframes rotate{
0%{
transform: rotateY(0deg);
}
50%{
transform: rotateY(180deg);
}
100%{
transform: rotateY(360deg);
}
}

上述代碼中，我們創建了一個class為.taiji的元素，并且用border-radius來設置圓形。然后我們定義了兩個偽元素，用來繪制黑色和白色的兩個半圓。

接著，我們為.taiji元素定義了一個關鍵幀動畫rotate，來實現無限循環的旋轉效果。在這里我們使用了3D旋轉特性rotateY，讓太極圖繞Y軸旋轉。其中，我們設置了三個關鍵幀，在0%和100%時旋轉角度為0度和360度，在50%時為180度。

以上就是實現旋轉太極圖的CSS代碼，可以讓網頁設計更美觀動感，給用戶帶來更好的體驗。