CSS變換完全翻譯

我有一堆絕對位於父容器中的子元素。我想將其中的一些移動到相對於其父容器的位置，僅使用CSS變換。這可能嗎？看來，CSS翻譯只能做絕對距離。CSS變換完全翻譯

這裏是一個setup jsfiddle。我希望班級「中心」通過CSS變換讓兩個內部div都出現在中心。

使用CSS轉換的要求是因爲這是一個動畫轉換，我希望硬件加速啓動，如果使用left/top，則不會發生這種情況。

我可以使用HTML標記。

你試過了什麼？你能提供一個簡短的代碼示例和一個[JSFiddle]（http://www.jsfiddle.net）？ – 2012-07-13 18:48:43

我發佈了一個JSFiddle的例子來說明。 – 2012-07-13 19:02:45

不可能用'transform'sans javascript來計算偏移距離，恐怕。 – Duopixel 2012-07-15 14:17:24

試試這個http://jsfiddle.net/GrdmL/ 你必須改變CSS點點，因爲如果u已經申請了一些財產與#ID選擇的幫助下，你不能修改這些屬性與選擇的.class幫助

希望這將解決你的問題對於任何查詢發表評論。

2012-07-19 10:47:26

如問題所述，只能使用變換。「左」屬性不會被GPU加速，並且在動畫多層時會滯後。 – 2012-07-23 19:09:26

回答