关于2D转换、css3动画、3D转换

关于2D转换、css3动画、3D转换

1.移动translate
transform：translate（x，y）等价于下面
transform：translateX(100px);
transform：translateY(100px);
translate 不会影响其它元素的位置
对行内标签没有用
百分比移动是对于自己本身而言

2.2D转换
顺时针旋转45度
transform:rotate(45deg);

过渡
（过渡写在本身上，谁做动画给谁加）
0.3秒过渡时间
transition:all 0.3s;

转换中心点（默认50% 50%）
可以设为方位名词、设置px、设置n%
transform-origin:x y;

缩放
里面放的是数字，不加单位符号，1就是1倍 o.5就是缩小一倍
transform:scale(x ,y);
等比例缩放 x、y等比例
transform:scale(2);