SOURCE

<div>rotate 30</div>

div{
    width: 200px;
    height: 200px;
    background-color: red;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    /* rotate函数传入一个数值，该数值是旋转的大小，该值以deg(度)为单位 */
    transform: rotate(30deg) translate(-50%,-50%);
}