现在，我们还可以利用偏移 translate 来做，这也是比较推荐的写法：
div { width: 600px; height: 60px; background-color: red; position: absolute; 绝对定位的盒子 left: 50%; 首先，让左边线居中 top: 0; transform: translate(-50%); 然后，利用translate，往左走自己宽度的一半【推荐写法】 }
3、旋转：rotate
格式：
transform: rotate(角度); transform: rotate(45deg);
参数解释：正值 顺时针；负值：逆时针。
效果：
注意，上方代码中，我们给盒子设置了 transform 中的 rotate 旋转，但同时还要给盒子设置 transition 过渡。如果没有这行过渡的代码，旋转会直接一步到位，效果如下：（不是我们期望的效果）
案例1：小火箭
