Как перевернуть карточку?

Question

[Karponter]

Имеем подобную структуру.

<div class="card">
     <div class="back"></div> 
     <div class="front"></div>
</div>

К примеру, обычная покерная карта. Лежит рубашкой вверх на столе (back видимый). Как ее анимированно "перевернуть" лицом вверх?
PS: css + js (без jquery)

Comments

[Узаир Ижа]

Повернуть при клике? Или как?

[Karponter]

Узаир Ижа: триггер - дело десятое. Допустим при клике.

[Karponter]

Александр А: нашел пример, но там "перекрашивается" один и тот же блок, а мне нужно заменить один контент другим.

[Karponter]

Александр А: Вот и пришел сюда.

Answer 1

[Karponter]

Александр А:
https://desandro.github.io/3dtransforms/docs/card-...

Answer 2

[Cyril Diamandi]

Самое банальное, что пришло в голову - jsfiddle.net/hmud6Lnf

Comments

[Karponter]

update: без jquery

[Karponter]

kloppspb: да там уже нашли решение на чистом css )

[Karponter]

kloppspb: Да и хочу анимацию, чтоб ее.