CSS 偏轉是指在某個元素被旋轉或傾斜之后，該元素的邊緣不再是垂直或水平的，而是發生了偏移。偏轉是一種非常有用的技術，可以用于制作各種有趣的效果。

在 CSS 中，我們可以使用

transform: rotate()

和

transform: skew()

來對元素進行旋轉或傾斜，從而達到偏轉的效果。

例如，下面的代碼可以讓一個按鈕沿著中心點旋轉45度：

button {
transform: rotate(45deg);
}

但是，由于旋轉之后按鈕的邊緣變成了斜線，導致按鈕的位置發生了變化，可能會影響到周圍的布局。為了避免這個問題，我們可以使用

transform-origin

屬性來改變旋轉或傾斜的中心點。

例如，下面的代碼可以讓一個按鈕沿著左上角旋轉45度，而不改變它的位置：

button {
transform: rotate(45deg);
transform-origin: top left;
}

類似的，我們也可以使用

transform-origin

屬性來改變傾斜的中心點。

CSS 偏轉是一種非常有趣和實用的技術，但是在使用的時候需要注意周圍的布局和效果，避免出現意外的問題。