CSS位移和旋轉是 CSS 中最基本的變換類型之一。它非常有用，因為它允許您輕松地調整元素的位置和方向。如果您不了解如何使用 CSS 位移和旋轉，請看下面的示例代碼。

/* 僅使用位移 */
div {
position: relative;
left: 50px;
top: 50px;
}
/* 僅使用旋轉 */
div {
transform: rotate(45deg);
}
/* 同時使用位移和旋轉 */
div {
position: relative;
top: 50px;
left: 50px;
transform: rotate(45deg);
}

如您所見，旋轉和位移都是使用 CSS 的 transform 屬性實現的，它接受一個旋轉角度或位移量的值。這兩個屬性還接受一個 translateY()、translateX() 或 translate() 方法，它們分別允許您僅在水平或垂直方向上移動元素，或同時在兩個方向上移動元素。

無論您喜歡哪種方式，重點是理解 CSS 位移和旋轉的基本概念和語法。一旦您掌握了這些概念，您就可以在您的網站和應用程序中應用它們，以創建令人印象深刻的動畫和交互效果。