transform 参数

1. CSS3 transform – rotate（旋转）

 .transform–rotate {

 -moz-transform: rotate(7deg);

 -webkit-transform: rotate(7deg);}

 

2. CSS3 transform – skew（扭曲）

 .transform–skew{

 -moz-transform: skew(-25deg);

 -webkit-transform: skew(-25deg);}

 

3. CSS3 transform – scale（缩放）

 .transform–scale {

 -moz-transform: scale(0.5);

 -webkit-transform: scale(0.5);}

 

兼容性

兼容：Chrome、Firefox、Opera等。

不兼容：IE8以下版本

由于IE8以下版本不支持CSS3，要想实现上述的transform（转换）效果，须使用IE滤镜，代码如下：

 

rotation取值[0,1,2,3]，依次代表旋转 [0deg,90deg,180deg,270deg]，有关BasicImage滤镜的说明请参考BasicImage filter。

转载于:https://www.cnblogs.com/jennifer900522/archive/2012/10/31/2747995.html