转换属性transform

transform: rotate(45deg);
旋转
rotate(值)
值为正，表示元素顺时针旋转
值为负，表示元素逆时针旋转

transform: translate(200px,100px);
位移
translate(水平方向位移,垂直方向位移)

transform: scale(3,2);
 缩放
只写一个值：水平方向和垂直方向都缩放该值的倍数
两个值：第一个值表示水平方向缩放该值的倍数，第二个值表示垂直方向缩放该值的倍数
当值的范围是0到1时，表示缩小，当值大于1时，表示放大，值不能为0

案例：

（1）html

<div></div>

（2）css

div{
width: 100px;
height: 100px;
background: red;
transition: 1s;
}
div:hover{
transform: rotate(45deg);
}