【问题标题】:When you scale an element with css3, what transition-properties are being changed?当您使用 css3 缩放元素时,会更改哪些转换属性?
【发布时间】:2013-07-25 19:00:45
【问题描述】:

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

.selector {
  transform: scale(n);
}

当我使用 CSS 缩放某些东西时,我试图找出哪些值实际上正在发生变化。这行得通,但它也在为所有内容设置动画,这是我不想做的。我只想为对象的高度/宽度设置动画:

.selector {
  transition: all 0.3s linear;
}

我尝试设置“宽度高度”而不是“全部”,但它不再平滑动画。它只是捕捉到最终位置。

【问题讨论】:

    标签: css css-transitions css-animations


    【解决方案1】:

    您可以使用transform

    transition: transform 200ms linear;
    

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

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

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

    【讨论】:

      猜你喜欢
      • 2012-05-24
      • 2010-09-13
      • 1970-01-01
      • 1970-01-01
      • 2012-11-20
      • 1970-01-01
      • 2021-09-22
      • 1970-01-01
      • 2011-06-26
      相关资源
      最近更新 更多