在CSS中打开3D效果

Question

我正在尝试在CSS中创建一个“开门”3D效果，但我无法做到。问题是使用rotateY（）函数会使元素旋转。您可以在此处查看http://jsfiddle.net/uC4du/1/

您知道如何更改rotateY“参考轴”吗？如何使用左角作为参考使元素旋转？

Answer 1

您可以使用'transform-origin'属性（http://www.w3schools.com/cssref/css3_pr_transform-origin.asp）。

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

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

希望它有所帮助！