css中缩放是使用 transform来控制,参数可为scale、scaleX、scaleY等,但常规的缩放总以中心点为基准点,在很多时候都是很不方便的。
使用transform-origin来进行控制,使用transform-origin属性,可以改变缩放的基准点。
transform-origin: 10px 10px; // 定义缩放原点,相对于左上角的距离x、y,单位px
- 参数可使用值
- 参数一:left、center、right,参数二:top、center、bottom。
- 具体的像素值;