一.2D转换之位移
1.语法格式:transform:translate(水平方向,垂直方向) 即:transform: translate(400px,400px);
2.单方向写法: transform: translateX(400px);
transform: translateY(400px);
3.位移与外边距的区别:
◇margin的100%是他的父元素的100%的宽 即 margin-left: 100%; margin在移动的时候会影响其他的元素的位置 margin-top: 50px;
◇translate位移的100%是自己大小的100% 即: transform:translate(100%,0); translate位移他不会影响其他的元素,有类似于相对定位的特点,他没有脱离标准流
4.