详解CSS3:transform

网络整理 - 07-26

实例:


transform:skew():

含义:倾斜;

实例:


transform:scale():

含义:比例;“1.5”表示以1.5的比例放大,如果要放大2倍,须写成“2.0”,缩小则为负“-”。

实例:


transform:translate():

含义:变动,位移;如下表示向右位移120像素,如果向上位移,把后面的“0”改个值就行,向左向下位移则为负“-”。

实例:

 

transform综合:

transform的常用属性就是上面总结的那些了,下面我们借助transition的帮忙来演示一个关于css3 transform的综合实例: