CSS3的進一步升級，加入了transform屬性，利用這個可以改變HTML文檔元素的形狀、大小、位置和方向等等。通過transform屬性所代表的操作，可以輕松地實現對文檔元素的3D變換。當然我們也可以利用自己的創造力來創造很多炫酷的效果。

transform:matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())
transform:scale(x,y)	
transform:rotate(angle)
transform:translate(x,y)	
transform:skew(x-angle,y-angle)
transform:scaleX(number)
transform:scaleY(number)
transform:scaleZ(number)

其中，matrix方法中的6個值可以設置各種變形效果，scale方法可以進行縮放，rotate方法可以進行旋轉，translate方法可以進行移動，skew方法可以進行傾斜。scaleX，scaleY，scaleZ可以進行x軸縮放，y軸縮放，z軸縮放。

下面是一些常用的基本變形效果代碼：

.box1 {
transform: translate(100px, 100px);
}
.box2 {
transform: rotate(45deg);
}
.box3 {
transform: skew(30deg, 20deg);
}
.box4 {
transform: scale(1.5, 1.5);
}

以上代碼分別實現了對box類的平移、旋轉、傾斜和縮放等效果。

不僅如此，我們還可以組合使用不同的變形操作來實現更復雜的效果：

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

上述代碼實現了對box5類同時進行多個變形操作，通過這種方式可以達到更加復雜的效果。

總之，CSS3的transform變形屬性拓展了文檔元素的表現形式，讓我們可以更加靈活地進行美化和優化，是非常值得掌握的技能。