2012-03-23 115 views
3

我无法找到一个答案,这在任何地方,可能是因为它不存在,但无论如何:CSS3过渡规模而不是翻译

而不是界定“过渡性质:改造”,是有可能定义翻译和独立缩放的转换?

现在我得到了以下定义:

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

这样一来,当我设置 “-webkit-改造” 到 “规模($ S)translate3D($ X,$ Y,$ Z)” (与$ s等是任意值)都是动画,但我只想要的比例是...

感谢您的任何提示提前!

+0

'scale'和'translate'是相同css属性的值,我不认为它可以将它们分开。 – DoubleYo 2012-03-23 17:00:01

回答

5

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

+0

谢谢!我真的没有想到这种可能性。 :' - ) – Bunkerbewohner 2012-03-26 21:43:54