CSS旋轉(zhuǎn)代碼示例

CSS中的旋轉(zhuǎn)效果可以通過transform屬性來實現(xiàn)，具體實現(xiàn)方式如下：

1、旋轉(zhuǎn)180度：

transform: rotate(180deg);

2、旋轉(zhuǎn)90度：

transform: rotate(90deg);

3、旋轉(zhuǎn)360度：

transform: rotate(360deg);

代碼可以將元素旋轉(zhuǎn)指定的度數(shù)，如果需要更復(fù)雜的旋轉(zhuǎn)效果，可以通過設(shè)置transform-origin屬性來指定旋轉(zhuǎn)的中心點，

transform: rotate(180deg);
transform-origin: left;

代碼將元素從左側(cè)旋轉(zhuǎn)180度，需要注意的是，transform-origin屬性的值可以是top、bottom、left、right、center等，也可以指定具體的像素值。transform屬性還支持其他值，例如scale、translate等，可以實現(xiàn)更豐富的效果。