0
我只是在玩我的投資組合網站,並注意到當我的(谷歌瀏覽器)屏幕放大到400%並專注於頁腳時,我有一些與流體網格不匹配的元素。我知道我需要爲此找到一個解決方案(如果您對如何定位流暢的佈局元素有任何想法/建議,請發佈它們),但是當我使用熱鍵「查看爲實際大小」時,我注意到我應用了兩個單獨的啓用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);
}
有沒有人遇到過這個呢?是否可以在元素的絕對,相對或正常流動定位之間設置基於過渡的運動(緩進)?在基於視差的網頁佈局中查看時如何?
你可以發佈一個jsfiddle的問題嗎? – 2012-07-10 21:22:19