2012-04-28 59 views
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); 
} 

有沒有人遇到過這個呢?是否可以在元素的絕對,相對或正常流動定位之間設置基於過渡的運動(緩進)?在基於視差的網頁佈局中查看時如何?

+2

你可以發佈一個jsfiddle的問題嗎? – 2012-07-10 21:22:19

回答

相關問題