私は自分のポートフォリオサイトで遊んでいただけで、私の(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レイアウト内で表示するとどうなりますか?
問題がある場合はjsfiddleを投稿できますか? –