2012-03-23 113 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