transform属性 2D转换 对元素进行旋转、缩放、移动、拉伸

1.transform：
rotate（）
scale（）

div{
 width：100px；
 height：75px；
 bg-color：#ccc；
 border：1px solid black；}
 
#ratateDiv{.transform：rotate（30deg）；}

web前端开发

2.案例：


3.缩放transform：scale（）

transform：scale（x，y）
x：水平方向缩放的倍数
y：垂直方向缩放的倍数，或者省略 同x
0~1缩小     >1放大

.box：hover{ transform：scale（1.2）；}