默认元素transform 的旋转、缩放、平移、斜切的坐标系统的原点为该元素的几何中心。
transform-origin 属性
transform-origin 属性允许更改转换元素的位置,即原点。
语法
transform-origin: x-axis y-axis z-axis;
2d 中去掉 z-axi 即可。
<style type="text/css">
div {width: 800px; height: 250px; background: #abcdef; margin:auto;}
div > img {
transform: scale(0.3,0.3) rotateZ(10deg);
transform-origin: 25% top;
}
</style>