【问题标题】:CSS3 transition scale but not translationCSS3过渡比例但不是翻译
【发布时间】:2012-03-24 04:39:46
【问题描述】:

我在任何地方都找不到答案,可能是因为它不存在,但无论如何:

除了定义“transition-property:transform”,是否可以独立定义transitions for translation和scale?

现在我得到了以下定义:

.logo {
    position: absolute;
    -webkit-transition: -webkit-transform 1s ease-out;
}

这样,当我将“-webkit-transform”设置为“scale($s) translate3D($x,$y,$z)”($s 等为任意值)时,两者都是动画的,但我只希望规模是...

提前感谢您的任何提示!

【问题讨论】:

  • scaletranslate 是相同 css 属性的值,我认为不可能将它们分开。

标签: css css-transitions


【解决方案1】:

解决这个问题的好方法是使用包装元素并将翻译放在该元素上。

【讨论】:

  • 谢谢!老实说,我没有想到这种可能性。 :'-)
猜你喜欢
  • 2012-02-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-02
  • 2015-04-30
相关资源
最近更新 更多