dev-zuo 技术日常
Github

transform 两个动作怎么写?scale缩小后,依旧占用空间的问题

这篇文章发布于 2019/12/25,归类于
标签:
transform 两个动作怎么写?scale缩小后,依旧占用空间的问题

transform对某个元素使用两个及以上变换时,用空格分隔,scale缩小0.5倍后,dom占用依旧,可以用translate移动下,矫正位置。

/* 两个transform */
div {
  transform: scale(0.5) translate(-50%, -50%)
}

参考: transform | MDN