太極圖，是道家哲學(xué)的重要符號，代表了“陰陽”哲學(xué)中的兩極，即陰與陽。在Web設(shè)計中，我們也可以使用CSS來實現(xiàn)太極圖的效果。

.taiji {
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;
overflow: hidden;
background-color: white;
}
.taiji:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: black;
border-radius: 50%;
}
.taiji:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: white;
border-radius: 50%;
}
.taiji:hover:before {
transform: rotate(180deg);
}
.taiji:hover:after {
transform: rotate(-180deg);
}

以上代碼實現(xiàn)了一個簡單的太極圖，主要是使用了border-radius屬性，讓元素變成了圓形，也用到了position屬性，使得偽元素(before和after)能夠在被定位的.parent元素內(nèi)絕對定位。

當鼠標移動到太極圖上時，使用:hover偽類和CSS3的transform屬性，實現(xiàn)了太極圖的旋轉(zhuǎn)效果。