使用transform-origin来进行控制
在使用transform方法进行文字或图像的变形时,是以元素的中心点为基准点进行的。使用transform-origin属性,可以改变变形的基准点。
用法:transform-origin: 10px 10px;
共两个参数,表示相对左上角原点的距离,单位px,第一个参数表示相对左上角原点水平方向的距离,第二个参数表示相对左上角原点垂直方向的距离;
两个参数除了可以设置为具体的像素值,其中第一个参数可以指定为left、center、right,第二个参数可以指定为top、center、bottom。
css scale 缩放基准点
最新推荐文章于 2024-01-31 23:13:42 发布
本文详细介绍了如何使用CSS的transform-origin属性来精确控制元素变形的基准点,通过调整两个参数,可以实现从元素任意位置开始的旋转、缩放等效果。
1万+

被折叠的 条评论
为什么被折叠?



