Я вращаю монету вдоль оси Y на 90 градусов через CSS. Есть ли способ, чтобы я мог показать толщину монеты после ее поворота, я думал, что смогу масштабироваться после того, как монета повернулась вдоль оси Y, но это, похоже, не работает. Пожалуйста, предложите какой-то способ сделать то же самое, если это возможно. link_on_js скрипка для этого же. Чтобы открыть ссылку, используйте браузеры webkit.
CSS
.coin {
display: block;
background: url("url-to-image-of-coin.jpg");
background-size: 100% 100%;
width: 100px;
height: 100px;
margin: auto;
border-radius: 100%;
transition: all 500ms linear;
}
.flip {
transform: rotateY(180deg);
}
HTML
<div class="coin"></div>
JQuery
$('.coin').click(function() {
$(this).toggleClass('flip');
});
скрипку