2012-03-23 6 views
3

翻訳、しかし:CSS3遷移規模ではなく、それは存在しないだろうので、私は、これのどこに答えを見つけることができませんでした

よりもむしろ定める「遷移-プロパティ:変換」、それが可能です翻訳とスケールのためのトランジションを個別に定義しますか?

今、私は次のように定義だ:私は "-webkit-変換" に設定したときに "規模($ s)はtranslate3Dを($ x、$ y、$ zの)" に、

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

をこのように($ sなどは任意の値です)両方ともアニメーション化されていますが、スケールはアニメーション化されています。

事前のヒントはありがとうございます!

+0

'scale'と' translate'は同じCSSプロパティの値ですが、私はそれらを分離することはできません。 – DoubleYo

答えて

5

これを解消する方法は、ラッパー要素を使用して、その要素に変換を配置することです。

+0

ありがとう!私は正直にその可能性を考えなかった。 : ' - ) – Bunkerbewohner

関連する問題

 関連する問題