CSS變形是用于改變HTML元素的形狀和位置的一種技術。它能夠通過對元素的旋轉、縮放、移動和傾斜來達到想要的效果。

在CSS中，變形的屬性是transform。它有多個值可以選擇，包括：rotate(旋轉)、scale(縮放)、translate(移動)和skew(傾斜)等。此外，還有一些其它的屬性可以與transform屬性一起使用，如transtion、perspective以及clip-path等。

.box {
width: 100px;
height: 100px;
background-color: red;
transform: rotate(45deg) scale(2) translate(100px, 50px) skew(-20deg, 10deg);
}

以上代碼會使一個寬高為100px的元素旋轉45度，縮放2倍，向右移動100px，向下移動50px，最后再傾斜-20度和10度。這使得元素有可能放到不常規的位置和形狀，并且有很強的創造性展示潛力。

需要注意的是，變形不會改變元素的其他屬性（如width、height、padding、margin、border等）。如果需要改變這些屬性，需要通過CSS的樣式表來實現。