如何更改3d變換的原點？

Question

我將rotateX轉換應用於一個元素，並希望將該變換的原點移動到元素的頂部。使用轉換來源屬性似乎沒有工作..

transform-origin: 50% 0% 50%; 

請檢查小提琴請。 http://jsfiddle.net/y977K/

Answer 1

使用transform-origin:top，這相當於transform-origin:0% 50%;和transform-origin:top center。 Updated fiddle

有關可能的值的完整圖的transform-origin以及每個關鍵字等值是什麼，退房mozilla's developer page on it