CSS3有一個非常強(qiáng)大的功能：可以通過設(shè)置旋轉(zhuǎn)原點(diǎn)來控制元素的旋轉(zhuǎn)方向和角度。在CSS3中設(shè)置旋轉(zhuǎn)原點(diǎn)非常簡單，只需要使用transform-origin屬性即可。下面是一個簡單的例子，展示了如何在CSS3中設(shè)置旋轉(zhuǎn)原點(diǎn)：

.box {
width: 100px;
height: 100px;
background-color: red;
transform: rotate(30deg);
transform-origin: top left;
}

在上面的例子中，.box元素被旋轉(zhuǎn)了30度。旋轉(zhuǎn)原點(diǎn)被設(shè)置為左上角，因此元素會按照這個點(diǎn)進(jìn)行旋轉(zhuǎn)。如果將原點(diǎn)設(shè)置為正中心，那么元素將被繞著中心點(diǎn)旋轉(zhuǎn)。

在transform-origin屬性中還可以指定百分比值，這時旋轉(zhuǎn)原點(diǎn)將相對于元素自身位置進(jìn)行設(shè)置。例如，如果將transform-origin設(shè)置為50% 50%，那么旋轉(zhuǎn)原點(diǎn)將位于元素的中心點(diǎn)。

需要注意的是，設(shè)置旋轉(zhuǎn)原點(diǎn)的時候，只會影響到元素的旋轉(zhuǎn)方向和角度，而不會改變元素本身的位置。如果需要改變元素的位置，需要使用translate屬性。

總而言之，CSS3中設(shè)置旋轉(zhuǎn)原點(diǎn)是一個非常有用的功能，可以幫助開發(fā)者實(shí)現(xiàn)更加靈活和精準(zhǔn)的效果和動畫效果。