2012-04-28 4 views
0

私は自分のポートフォリオサイトで遊んでいただけで、私の(Google Chrome)画面が400%に拡大され、フッターにフォーカスしたときに、流体グリッドと一致しない要素がいくつかあることに気づいた。私はこれについての修正を見つける必要があることを知っています(素晴らしいレイアウトの要素を配置する方法についてのアイデアやアドバイスがあれば投稿してください)。しかし、「View as Actual Size」のホットキーを使用したとき、元のプレースメントから「実際のサイズ」ビューに保持されている場所へのスムーズでゆっくりとした移行が、2つの個別のCSS3移行対応パラメータ(不透明度と幅、下にあるコード)を持っていたということです。CSS3対応要素が位置を遷移させることはできますか?

http://jsfiddle.net/Asustaba/VLw7k/

謝罪これが混乱している場合。誰かが何が起こっているのかをよりよく理解する必要がある場合は、移行のビデオのリンクを付けることができます。

.grower{ 
    -moz-transform: scale(.85); 
    -webkit-transform: scale(.85); 
    -moz-transition: all 0.4s ease-in-out; 
    -webkit-transition: all 0.4s ease-in-out; 
} 

.grower:hover{ 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
} 

.grower_big{ 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
    -moz-transition: all 0.4s ease-in-out; 
    -webkit-transition: all 0.4s ease-in-out; 
} 

.grower_big:hover{ 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
} 

まだ誰もこれに遭遇していませんか?エレメントの絶対、相対、またはノーマルフローの位置合わせの間の遷移ベースの動き(イージー・イン・アウト)を設定することは可能ですか?パララックスベースのWebレイアウト内で表示するとどうなりますか?

+2

問題がある場合はjsfiddleを投稿できますか? –

答えて

0

あなたはプロパティの位置を変更できるかどうか尋ねていると思います。これが当てはまる場合、あなたはできません。移行できる要素のほとんどは、数値を使用する要素です。以下は、遷移可能なCSSプロパティのリストです:http://www.w3.org/TR/css3-transitions/#properties-from-css-

関連する問題