CSS3中的變形是指通過一種方法改變HTML元素的形狀、大小、位置等屬性，而不改變其自身的內容。CSS3的變形主要分為以下幾種類型：

transform: rotate(30deg); /* 旋轉 */
transform: scale(1.5); /* 縮放 */
transform: skew(30deg, 20deg); /* 傾斜 */
transform: translate(50px, 100px); /* 平移 */
transform: matrix(1, 0, 0, 1, 50, 100); /* 矩陣變形 */

進行變形操作需要先將元素設置為可變形的狀態，方法如下：

.transform {
transform: _____; /* 變形屬性 */
transform-origin: _____; /* 變形基點 */
}

其中，transform-origin用于指定變形操作基于哪一點進行，如下圖所示：

.transform {
transform-origin: center; /* 變形中心點 */
}

前面提到的變形屬性可以同時使用多個進行組合變形，方法如下：

.transform {
transform: rotate(30deg) scale(1.5) skew(30deg, 20deg) translate(50px, 100px);
}

而且，多次變形也可以疊加進行，如下圖所示：

.transform {
transform: rotate(30deg) scale(1.5);
}
.transform:hover {
transform: skew(30deg, 20deg) translate(50px, 100px);
}

總的來說，CSS3中的變形可以為設計師們提供更加靈活的設計思路，使得我們的設計更加具有創造力和趣味性。