使用css3缩放元素时,将更改哪些转换属性



使用css属性时实际使用的是哪个css transition属性:

.selector {
  transform: scale(n);
}

当我用CSS缩放某个东西时,我试图隔离哪些值实际上在改变。这是可行的,但它也为所有东西设置了动画,这是我不想做的。我只想为对象的高度/宽度设置动画:

.selector {
  transition: all 0.3s linear;
}

我尝试过设置"宽度-高度",而不是"全部",但它不再平滑地设置动画。它只是卡扣到最后的位置。

您可以使用transform

transition: transform 200ms linear;

你也需要像这个一样的供应商前缀

-webkit-transition: -webkit-transform 200ms linear;

我没有完全理解你的问题,但我猜你只是想设置比例的动画,而不是该元素上的其他内容,如果是这样,那么这就是你需要的。

相关内容

  • 没有找到相关文章

最新更新