如何使用javascript/css3動畫繞軸旋轉onclick？

Question

假設我有一個長方形盒子的紅色，上面有白色文字。我想這樣做，當我點擊它時，它以3D方式（使用CSS3？）旋轉動畫並在其上顯示不同的文本。 （例如，如果您正在查看帶有字母「A」的閃卡，並翻轉它以在另一側看到字母「B」）。

如何使用javascript/css3完成此操作？

Answer 1

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

您正在尋找以下CSS3屬性（在卡片的一個右擊）：

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