介绍两个关于2D 的属性:
- 2D 转换属性transform 这个属性的重要的两个方法基础使用
设置了两个简单的父子关系的div
为两个div设置简单样式
然后生成如下的样式
# translate() 移动方法 通过此方法,元素根据给定的left(x坐标)和top(y坐标)位置参数,从当前位置移动。
也可以单独设置沿着X轴设置移动 translateX();
当然也可单独沿着Y轴设置移动 translateY();
添加transform:translate(50px,50px);
添加transform:translateX(50px);
添加transform:translateY(50px);
#rotate() 旋转方法 通过顺时针旋转给定的角度,
允许负值,元素将逆时针旋转 参数是一个角度值
添加一个transform:rotate(45deg),顺时针转动
添加一个transform:rotate(-30deg);