CSS3 2D转换
进行2D转换使用的属性
使用transform属性可以进行一些二维的图形变换,如:平移、旋转等
- translate(x, y),移动方法,使元素从当前位置向x和y方向移动相应的像素距离
- rotate§,旋转方法,使元素相对于当前位置旋转p角度(一般使用deg为单位,度)
- scale(w, h),缩放方法,使元素相对原来的宽度和高度缩小或放大相应的倍数
- scaleX(w),缩放宽度,scale方法的一部分使元素的宽缩小或放大
- scaleY(h),缩放高度,scale方法的一部分使元素的高缩小或放大
- skew(p,q) ,倾斜方法,使元素沿 X 和 Y 轴倾斜给定角度
- skewX§,相对x轴倾斜,使元素沿X轴倾斜给定角度
- skewY(q),相对y轴倾斜,使元素沿Y轴倾斜给定角度
- matrix(),以上方法的集合,matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())