javascript/css3でaxis onclickを中心に回転をアニメーション化する方法は？

Question

私は白いテキストで赤い長方形のボックスのdivがあると仮定します。私はそれをクリックすると、（CSS3を使用して）3D方法で回転してアニメートし、その上に別のテキストを表示するようにしたいと思います。 （つまり、文字「A」のフラッシュカードを見て、反対側に文字「B」が表示されている場合のようなものです）。

これはどのようにjavascript/css3で行うのですか？あなたは、次のCSS3プロパティを探している

Answer 1

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

（フラッシュカードの1を右クリック）：

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