2D动画效果transform

transform:转换
1，移动：translate
　　transform:translate(x,y); //translate(x,y) 定义 2D 转换。
　　translateX(x) 定义转换，只是用 X 轴的值。
　　translateY(y) 定义转换，只是用 Y 轴的值。
　　transform:translate(x,y,z); // translate3d(x,y,z) 定义 3D 转换。
　　translateZ(z) 定义 3D 转换，只是用 Z 轴的值。
2，旋转:rotate(360deg)；
　　配合transition过渡属性用
　　transform:rotate(360deg)；
　　rotate(angle) 定义 2D 旋转，在参数中规定角度。
3，缩放:scale
　　transform: scale(x,y);//x,y不跟单位，1就是一倍，倍数放大缩小；
　　transition:过度属性 过度时间 曲线 延迟；
　　transition: height 1s,width 2s;

　　transform-origin:旋转中心点
　　transform-origin: left right bottom right center;//也可以是像素px；

http://www.downza.cn/soft/22607.html

2D动画效果transform

原文：https://www.cnblogs.com/UnfetteredMan/p/13479392.html