<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 方法存在多种属性，包括rotate(旋转)、skew(扭曲)、scale（缩放）、translate（移动）、matrix（矩阵变形）。 而这些属性都可以配合transform-origin来使用，transform-origin(x y z)三个属性，包括可以使用（left、right、top、bottom）、（30 40）、（50% 50%）三种属性值来使用. 除此之外还需要注意兼容性写法： //Mozilla内核浏览器：firefox3.5+ -moz-transform-origin: x y; //Webkit内核浏览器：Safari and Chrome -webkit-transform-origin: x y; //Opera -o-transform-origin: x y ; //IE9 -ms-transform-origin: x y; //W3C标准 transform-origin: x y ; 1.rotate()需要配合deg单位来使用 2.除了translate(移动)方法外，还有translateX、translateY方法分别对应X\Y轴的移动 3.scale（缩放）其缩放基数为1，如果其值大于1元素就放大，反之其值小于1，元素缩小。配合(x,y)则可以一同使用。 4.shew扭曲属性主要配合产生菱形等形状，比如transform:skew(30deg,0)则能够产生一个菱形。 对于混合复用来说，一定要注意其语法，比如transform: rotate(45deg) scale(0.8,1.2) skew(60deg,-30deg);这里其不同属性不是用","来进行分割的，而是直接空格隔开即可。
