CSS3 transform 属性的功能提供了网页设计中对于网页元素（element）变形特效的突破，透过 CSS3 transform 属性，网页设计师可以很轻易的让网页元素（element）呈现出旋转（rotate）、缩放（scale）、移动（move）以及倾斜（skew）的特殊效果，让传统网页设计中，需要透过绘图软件才能达到的效果，透过 CSS3 transform 属性快速达成。
不过 CSS3 transform 属性也有一点小缺点，就是不能一次使用太多，因为 CSS3 transform 属性的运作方式是让浏览器（Browser）自动计算元素的各个座标位置，进行数学的函数计算，再显示出变化效果，所以如果一次使用太多在同一个页面内，会导致浏览起来卡卡的，不过这个问题在未来应该会越来越不明显，毕竟电脑的处理速度也在提升，CSS3 transform 属性在未来应该会获得大量使用。
CSS 的 transform 属性有一个参数 transform-function 可以使用，这个参数有非常多种不同的变化，而且也不是随意设定，CSS3 有特定的参数可以套用，这就是让网页元素（element）变形的主要设定方式，我们将参数整理于下表。
旋转 rotate(角度) 根据设定的角度，以参考点为中心轴进行 2D 旋转。
范例三让红色与蓝色的 DIV 区块进行旋转，不过两个区块的旋转角度并不一样，所以呈现出交错的效果，而区块内文字也跟着旋转而变形，如果继续调整角度，两个区块的旋转效果会更加明显。
范例四让红色的 DIV 区块在 X 轴方向与 Y 轴方向各进行 5 度的倾斜效果，蓝色的 DIV 区块则在 X 方向进行 -20 度的倾斜效果，如果继续调整倾斜角度，倾斜效果将会更加明显，区块内的文字也跟着倾斜效果而产生了变形的视觉效果。
➠如果你想要修改旋转或倾斜的基准点也可以，与《CSS3 transform-origin 属性》搭配是最完美的解决方案。