如何使用javascript/css3制作绕轴旋转的动画？

假设我有一个矩形框的div，它是红色的，上面有白色文本。我想这样做，当我点击它时，它会以3D方式旋转（使用CSS3？）并显示不同的文本。（也就是说，有点像你在看一张写着字母“a”的抽认卡，然后把它翻过来看另一面的字母“B”）

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

您正在查找以下CSS3属性（右键单击其中一个闪存卡）：

---

提示：标题用于描述问题，而不是堆叠标签。这就是标签的用途。。。

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