2011-12-23 9 views
3

これは可能ではないかもしれませんが、CSS3を使用して変換しているDIVがあります。{transform-origin:x、y;}を要素から親DIVに変更しますか?

#mydiv.fallback { 
    -webkit-transform:   scale(.9); 
    -webkit-transform-origin: center; 
} 

魅力的な作品です。私はMac OSXのTimemachine(faux 3Dエフェクト)と同様のエフェクトを作成しようとしていますが、DIVがバックグラウンドで後退します。これが慣習的に機能するには、要素の中心ではなく、ユーザーのWebブラウザの中心を使用するために変換元が必要です。親の要素が変換のために使用されるように変更することができたとしても機能します。

これが可能かどうかはわかりません。説明するのに役立つクイックイメージ。

enter image description here

答えて

3

だけ更新あなたはモーダルウィンドウを飛び出したい時はいつでも「-起源を変換します」。例:

ここでは、Webkitの使用例を示します。

http://jsfiddle.net/GprNe/enter image description here

+0

これは完全に私の質問に答えました!まさに私が行っていた効果。 Duopixelありがとうございました! =) –

関連する問題