CSS 中提供了一種定點旋轉的方式，可以通過設置 transform-origin 屬性來實現。該屬性接受一組數值，代表旋轉點的坐標。

例如，以下代碼會將一個正方形繞其左上角頂點（0,0）進行旋轉：

.square {
width: 100px;
height: 100px;
background-color: red;
transform-origin: 0 0;
animation: rotate 2s infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}

在上面的代碼中，通過設置 transform-origin 屬性為 0 0，將旋轉點設置在正方形的左上角。然后使用 animation 屬性來定義一個旋轉動畫，讓正方形無限循環繞旋轉點進行旋轉。

如果想要設置旋轉點在正方形的中心點，只需要將 transform-origin 屬性的值設置為 50% 50% 即可：

.square {
width: 100px;
height: 100px;
background-color: red;
transform-origin: 50% 50%;
animation: rotate 2s infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}

通過以上代碼，正方形將會繞著它的中心點進行旋轉。