transform三大属性 rotate、scale、translate
菜鸟教程demo
transform三大属性：rotate(旋转) scale(缩放) translate(移动)
其他属性：skew(扭曲) matrix(矩阵变形)
语法：transform：rotate | scale | skew | translate |matrix;
一. 旋转rotate效果图
rotate(angle)定义2D旋转
rotateX(angle)
rotateY(angle)
rotateZ(angle)
rotate3d(angle)定义3d旋转
二. 缩放scale效果图
scale(数值)定义倍数缩放，>1放大，<1缩小
scaleX()通过x轴定义，仅水平方向缩放
scaleY()通过y轴定义，仅垂直方向缩放
scaleZ()通过z轴定义，定义3d缩放
三. 移动translate
translate（）相当于水平平移
translateX（x）水平方向平移
translateY（y）垂直方向平移
translateZ（z）相当于放大
translate（x,y）相当于水平平移+垂直平移
translate（x,y,z）相当于水平平移+垂直平移+放大
translate（100px）实际上是水平向右平移100px
translateX（100px）水平向右平移100px
translateY（100px）水平向下平移100px
translateZ（100px）相当于放大
translate（x,y）2D平移，translate（100px,100px）右下角平移100px
translate3d(20px,20px,100px)