在CSS中，我們可以使用transform屬性來實現元素的旋轉效果。其中，rotate()函數可以讓元素繞自身的中心點旋轉。

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

可以看到，我們只需要將旋轉的角度設置為90度，就可以實現元素自動旋轉90度的效果。

需要注意的是，元素的中心點默認是位于元素的左上角的，如果想讓元素繞其它點旋轉，可以使用transform-origin屬性進行設置。

.rotate {
transform: rotate(90deg);
transform-origin: center center;
}

通過設置transform-origin屬性，我們可以將元素的中心點設置為水平和垂直方向的中心點，從而實現更加精細的旋轉效果。