CSS3 2D转换

CSS3 2D转换

进行2D转换使用的属性

使用transform属性可以进行一些二维的图形变换，如：平移、旋转等

1. translate(x, y)，移动方法，使元素从当前位置向x和y方向移动相应的像素距离
2. rotate§，旋转方法，使元素相对于当前位置旋转p角度（一般使用deg为单位，度）
3. scale(w, h)，缩放方法，使元素相对原来的宽度和高度缩小或放大相应的倍数
4. scaleX(w)，缩放宽度，scale方法的一部分使元素的宽缩小或放大
5. scaleY(h)，缩放高度，scale方法的一部分使元素的高缩小或放大
6. skew(p，q) ，倾斜方法，使元素沿 X 和 Y 轴倾斜给定角度
7. skewX§，相对x轴倾斜，使元素沿X轴倾斜给定角度
8. skewY(q)，相对y轴倾斜，使元素沿Y轴倾斜给定角度
9. matrix()，以上方法的集合，matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())