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

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

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

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

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

總而言之，CSS3中設置旋轉原點是一個非常有用的功能，可以幫助開發者實現更加靈活和精準的效果和動畫效果。