如何使用javascript/css3设置绕轴旋转的动画onclick

Question

假设我有一个矩形框的div，它是红色的，上面有白色的文本。我想把它做成这样，当我点击它时，它会以3D方式旋转（使用CSS3？），并在上面显示不同的文本。

如何使用javascript/css3实现这一点？

Answer 1

http://css3playground.com/flip-card.php

您正在寻找以下CSS3属性（右键单击其中一个抽认卡）：

-moz/webkit-transition(-style): ...;
-moz/webkit-transform: ...;