CSS3中有许多新的特性，如旋转功能。使用CSS3的"transform"属性，可以通过指定旋转角度来实现元素的定点旋转。

下面是一个例子:

.rotate {
transform: rotate(45deg);
}

在上面的例子中，我们使用了"transform:rotate"属性来定义一个元素的旋转角度为45度。这会将该元素沿顺时针方向旋转45度。

有时候，你可能需要在元素的某个点上进行旋转。这可以通过使用"transform-origin"属性来实现。该属性可以被设置为一个点的坐标，来指定旋转发生的位置。

下面是一个例子，展示如何将元素以其底部中心进行旋转:

.rotate2 {
transform-origin: bottom center;
transform: rotate(45deg);
}

在上面的例子中，我们使用了"transform-origin"属性来将旋转中心设置在元素底部的中心位置。通过将"transform:rotate"属性应用到该元素，我们可以将其以其底部中心进行旋转。

总之，定点旋转功能是CSS3中非常实用的功能之一，它使我们可以更加灵活地设计和布置页面上的元素。