使用 CSS transform 的 scale() 方法可以对元素进行缩放,默认情况下,缩放是以元素的左上角为中心点进行的。
要让缩放以元素的中心为中心点,需要在元素上设置 transform-origin 属性。将 transform-origin 设置为 “center” 即可实现以元素中心为中心点的缩放。
.element {
transform: scale(2);
transform-origin: center;
这样就可以实现将元素缩放为原来的两倍,且缩放中心为元素的中心点。