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

时间:2013-07-25 18:07:52

标签: css css3 css-transitions css-animations

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

.selector {
  transform: scale(n);
}

当我使用CSS扩展某些内容时,我正在尝试隔离哪些值实际发生了变化。这是有效的,但它也是动画的一切,我不想这样做。我只想为对象的高度/宽度设置动画:

.selector {
  transition: all 0.3s linear;
}

而不是'all',我尝试过设置'宽度高度',但它不再平滑地动画了。它只是抓住最后的位置。

1 个答案:

答案 0 :(得分:8)

您可以使用transform

transition: transform 200ms linear;

您也需要供应商前缀

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

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