在CSS中打开3D效果

我正试图在CSS中创建一个“开门”3D效果,但我无法做到.问题是使用rotateY()函数会使元素旋转.你可以在这里查看http://jsfiddle.net/uC4du/1/

你知道怎么改变rotateY“参考轴”吗？如何使用左角作为参考使元素旋转？

最佳答案

您可以使用’transform-origin’属性(http://www.w3schools.com/cssref/css3_pr_transform-origin.asp).

将其设置为：“ – webkit-transform-origin：0％50％;”

以下是使用该属性的示例：http://jsfiddle.net/aV76H/

希望能帮助到你！