在CSS中，變形是指對元素進(jìn)行旋轉(zhuǎn)、縮放、移動或傾斜等操作，使得其不再呈現(xiàn)原本的形態(tài)。實際應(yīng)用中，變形可以用于實現(xiàn)許多動態(tài)的效果，比如彈出菜單、動畫特效等。下面我們將介紹一些常用的變形用法。

/* 旋轉(zhuǎn)變形 */
.rotate {
transform: rotate(45deg);
}
/* 縮放變形 */
.scale {
transform: scale(1.5);
}
/* 移動變形 */
.translate {
transform: translate(50px, 100px);
}
/* 傾斜變形 */
.skew {
transform: skew(20deg);
}
/* 綜合變形 */
.transform-all {
transform: rotate(45deg) scale(1.2) translate(50px, 50px) skew(10deg);
}

在上述代碼中，我們使用CSS的transform屬性對元素進(jìn)行變形。其中rotate表示旋轉(zhuǎn)變形，scale表示縮放變形，translate表示移動變形，skew表示傾斜變形，而transform-all則是將多個變形合在一起。

需要注意的是，transform屬性可以與其他CSS屬性一起使用，比如transition實現(xiàn)過渡效果，animation實現(xiàn)動畫效果等。另外，變形還可以通過transform-origin屬性來指定變形的起點，以及通過perspective屬性和transform-style屬性實現(xiàn)3D效果。

總體來說，CSS的變形用法非常靈活，可以根據(jù)實際場景進(jìn)行靈活配合。除了上述常用的變形方式外，還有其他更為復(fù)雜的變形方式，比如matrix()矩陣變形，rotateX()、rotateY()、rotateZ()等3D變形方式，有興趣的讀者可以自行了解。