1
我知道,當你設置一個新的CSS翻譯你需要你想要移動的像素,例如:50px,60px
。 因此,這是一個相對運動的像素:http://jsfiddle.net/8CECx/ 該div的彼此相鄰絕對運動使用CSS3轉換和翻譯
有沒有一種方法可以絕對移動?例如,你可以說「移動到30px 50px」並且有2個元素重疊?
感謝信息:)
我知道,當你設置一個新的CSS翻譯你需要你想要移動的像素,例如:50px,60px
。 因此,這是一個相對運動的像素:http://jsfiddle.net/8CECx/ 該div的彼此相鄰絕對運動使用CSS3轉換和翻譯
有沒有一種方法可以絕對移動?例如,你可以說「移動到30px 50px」並且有2個元素重疊?
感謝信息:)
好吧,我加入另一個答案,因爲這個問題發生變化。
我還不確定你想達到什麼目的。如果你只是想讓第一個div移動並重疊第二個,爲什麼還要爲第二個動畫添加動畫?或者,如果你想讓兩者都移動,只需要第一個,爲什麼要給它同樣的translateX值?
此外,我不明白你爲什麼需要轉換爲此。如果你只需要translate()
並沒有其他的改造,機會是絕對或相對定位可能對你的作品一樣好(和具有更好的瀏覽器支持)
想象一下,有一個頁面上的100個元素;內聯塊,並希望他們都去相同的座標。手工需要花費數小時。 – cmplieger
我不認爲有一種方法可以用純CSS來做到這一點。最好的辦法是讓JS通過之前的過渡自己的位置絕對,然後將它們移動到結束的地方(讓CSS過渡照顧的步驟之間)。 –