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

Acorn приветствует! Учу js, пишу игру концентрация. 18 пар карт случайно выбранные из колоды(52).
Не совсем понимаю, как сделать рубашку карты.
Сейчас пока такой вариант-костыль, что при клике изменяется style.zIndex,
но что-то мне подсказывает, что это говнокод(
https://codepen.io/acornTeam/pen/ypRKxN
  • Вопрос задан
  • 1707 просмотров
Пригласить эксперта
Ответы на вопрос 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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Market-place Ростов-на-Дону
от 100 000 до 200 000 ₽
24 июн. 2024, в 00:32
300 руб./за проект
23 июн. 2024, в 23:51
10000 руб./за проект
23 июн. 2024, в 23:27
5000 руб./за проект