css按中心点旋转

css按中心点旋转

div {
  width:200px;
  height:200px;
  background-color:pink;
 transition:all 0.6s;
 /*transform-origin:top left; 设置旋转点 为左上角  */
 transform-origin:20px 30px;
}


div:hover{
 /*旋转360度*/
 transform:rotate(360deg);
}