Как визуально повернуть игральную CSS-карту?

Acorn приветствует! Учу js, пишу игру концентрация. 18 пар карт случайно выбранные из колоды(52).
Не совсем понимаю, как сделать рубашку карты.
Сейчас пока такой вариант-костыль, что при клике изменяется style.zIndex,
но что-то мне подсказывает, что это говнокод(
https://codepen.io/acornTeam/pen/ypRKxN
  • Вопрос задан
  • 1682 просмотра
Пригласить эксперта
Ответы на вопрос 3
lazalu68
@lazalu68
Salmon
Ответ написан
Комментировать
bubandos
@bubandos
bash'у, javascript'ую, php'лю, css'аю, html'каю
Используйте position:absolute; transform:rotateY; и backface-visibility: hidden;
https://jsfiddle.net/anton4ept/9xoo08ew/
Ответ написан
Комментировать
@Roman-Fov
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы