css scale 缩放基准点

版权声明:转载请评论留言 https://blog.csdn.net/solocao/article/details/82984028

使用transform-origin来进行控制
在使用transform方法进行文字或图像的变形时,是以元素的中心点为基准点进行的。使用transform-origin属性,可以改变变形的基准点。
用法:transform-origin: 10px 10px;
共两个参数,表示相对左上角原点的距离,单位px,第一个参数表示相对左上角原点水平方向的距离,第二个参数表示相对左上角原点垂直方向的距离;
两个参数除了可以设置为具体的像素值,其中第一个参数可以指定为left、center、right,第二个参数可以指定为top、center、bottom。

猜你喜欢

转载自blog.csdn.net/solocao/article/details/82984028