CSS旋轉(zhuǎn)對稱是CSS中的一種特殊效果，通過旋轉(zhuǎn)元素來在頁面中展現(xiàn)對稱的效果，可以讓頁面看起來更加美觀。

/* 以橫向旋轉(zhuǎn)為例子 */
.test {
transform: rotateY(180deg);
}

上面的代碼會將類名為“test”的元素以橫向?yàn)檩S心旋轉(zhuǎn)180度。通過這個(gè)簡單的旋轉(zhuǎn)，我們就可以輕松實(shí)現(xiàn)元素的鏡像對稱。

/* 元素旋轉(zhuǎn)45度 */
.test {
transform: rotate(45deg);
}

除了橫向翻轉(zhuǎn)，CSS還支持以任意角度旋轉(zhuǎn)元素。比如通過將元素旋轉(zhuǎn)45度，就可以實(shí)現(xiàn)一個(gè)簡單的菱形效果。當(dāng)然，需要注意的是，如果旋轉(zhuǎn)的角度不是90度的倍數(shù)，那么旋轉(zhuǎn)后的元素可能出現(xiàn)部分像素溢出。

/* 元素旋轉(zhuǎn)并扭曲 */
.test {
transform: skew(-20deg, 10deg) rotate(-30deg);
}

除了簡單的旋轉(zhuǎn)效果，我們還可以通過扭曲等操作來實(shí)現(xiàn)更為復(fù)雜的效果。比如上面的代碼就將元素先向左扭曲20度，再向上扭曲10度，最后再向左旋轉(zhuǎn)30度，從而達(dá)到了一個(gè)扭曲的效果。