我们可以设置元素转换的中心点
1.语法
transform-origin: x y；
2.重点
●注意后面的参数 x和y用空格隔开
●xy 默认转换的中心点是元素的中心点(50% 50%)
●还可以给x y设置像素或者方位名词( top bottom left right center )
<style>div {height: 200px;width: 200px;margin: 150px auto;background-color: pink;transition: all 10s;/* transform-origin: 80px 80px; */transform-origin: bottom right;}div:hover {transform: rotate(10111deg);background-color: purple;box-shadow: 10px 10px 10px red;}</style>
</head><body><div></div>
</body>