CSS中旋轉(zhuǎn)中心設(shè)置十分重要，為了達(dá)到理想的旋轉(zhuǎn)效果，我們需要學(xué)會如何設(shè)置旋轉(zhuǎn)中心。以下是幾種常用的方法：

/*1.使用transform-origin*/
.box{
width: 100px;
height: 100px;
background-color: red;
transform: rotate(45deg);
transform-origin: center center; /*設(shè)置旋轉(zhuǎn)中心為元素中心*/
}
/*2.使用translate*/
.box{
width: 100px;
height: 100px;
background-color: red;
transform: rotate(45deg) translate(-50%,-50%);
}
/*3.使用絕對定位*/
.parent{
position: relative;
width: 200px;
height: 200px;
}
.box{
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
background-color: red;
transform: rotate(45deg);
}

以上是常用的三種設(shè)置旋轉(zhuǎn)中心的方法，可以根據(jù)具體情況選擇合適的方法來實現(xiàn)旋轉(zhuǎn)效果。