css变换原点不是从中心缩放

CSS变换原点不是从中心缩放是指在CSS中进行缩放变换时，变换的原点不是元素的中心点。

CSS变换包括平移（translate）、旋转（rotate）、缩放（scale）和倾斜（skew）等操作。在进行缩放变换时，默认情况下，变换的原点是元素的中心点。也就是说，元素会以自身中心点为基准进行缩放操作。

然而，有时候我们希望以元素的其他位置作为变换的原点，而不是中心点。这时，可以通过CSS的transform-origin属性来指定变换的原点。

transform-origin属性接受两个值，分别表示水平和垂直方向上的偏移量。可以使用像素值、百分比值或关键字来指定偏移量。例如，transform-origin: 50% 50%表示以元素的中心点为原点，transform-origin: 0% 0%表示以元素的左上角为原点。

通过指定不同的transform-origin值，可以实现以不同的位置为基准进行缩放变换。这在一些特殊的设计需求中非常有用，例如实现元素的局部缩放效果或实现元素的某个角落进行缩放等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：https://cloud.tencent.com/product/css