хочу показать толщину элемента во время его вращения

Я поворачиваю монету по оси Y на 90 градусов с помощью CSS. Есть ли способ, чтобы я мог показать толщину монеты после ее вращения, я думал, что смогу масштабировать Y после того, как монета повернется по оси Y, но это, похоже, не работает. Пожалуйста, предложите способ сделать то же самое, если это возможно. ссылка _на _скрипт 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

jQuery

$('.coin').click(function() {
    $(this).toggleClass('flip');
});

скрипка

http://jsfiddle.net/7EtLu/22/