CSS 中的旋轉是一項非常有用的特性，可以使元素改變其方向和位置，而不必修改 HTML 的結構。然而，當應用旋轉到文本上時，可能會引起一些意想不到的效果。

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

當我們使用上述代碼將文本旋轉 45 度時，我們會發現文字變形了。這是因為旋轉元素會影響文本的基線，導致文字顯得斜向上或下。

解決這個問題的方法是應用 transform-origin 屬性。這將使元素的變形點變為基線，而不會影響文本。例如：

.rotate-text {
transform: rotate(-45deg);
transform-origin: bottom left;
}

現在我們可以看到，文本不再變形，而且它以預期的方式旋轉。transform-origin 的值可以是一個關鍵詞或一個坐標值，用于指定元素的變形點。

在使用 CSS 旋轉時，始終記得考慮基線和 transform-origin 屬性，以確保元素和文本以預期的方式旋轉。