Как анимировать вращение вокруг оси с помощью javascript / css3?

Question

Предположим, у меня есть div прямоугольного прямоугольника красного цвета с белым текстом на нем. Я хочу сделать так, чтобы, когда я нажимал на него, он анимировался с вращением в трехмерном направлении (используя CSS3?) И отображал на нем другой текст. (т.е. вроде как если бы вы смотрели на карточку с буквой «А» и переворачивали ее, чтобы увидеть букву «В» на другой стороне).

Как мне это сделать с помощью javascript / css3?

Answer 1

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

Вам нужны следующие свойства CSS3 (щелкните правой кнопкой мыши на одной из карточек):

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