【发布时间】：2012-01-14 00:34:54
【问题描述】：
我正在尝试在 CSS 中创建“开门”3D 效果，但我做不到。问题是使用 rotateY() 函数会使元素旋转。你可以在这里查看http://jsfiddle.net/uC4du/1/
你知道如何改变 rotateY “参考轴”吗？我应该怎么做才能使元素以左角为参考旋转？
【问题讨论】：
-
一种选择是使父对象的宽度增加一倍，一半为空白。然后，当它在其中心轴上翻转时，可见的部分看起来就像一扇门。
-
@DA 是的，我做到了，但这会让一切变得更加困难:(
-
看看这个会有帮助tympanus.net/codrops/2011/12/19/…tympanus.net/Development/ImageTransitions/index2.html
-
要获得更自然的开门效果，请将“perspective”属性放在父元素上，同时将“transform-origin-y”设置为“left”。您可以在更新后的小提琴中看到它：jsfiddle.net/uC4du/273