Как реализовать 3D вращение?

Question

[Александр Донов]

Структура кнопки выглядит так:

<span>
<span class="action">Показать телефон</span><span class="phone">8800-0000000</span>
</span>

По клику, номер телефона должен появиться с эффектом вращения, как на
codepen.io/sebastianekstrom/pen/jDmKo
Как реализовать это на CSS с обязательной поддержкой мобильных устройств?

Comments

[Кирилл Туровников]

Нажми "view compiled" и будет обычный css, а про мобильные, тут есть одна проблемка, ховер в большинстве vмобильных браузеров плохо отрабатывается, но в принципе работает, проверил в Chrome на android

Answer 1

[al3ch5]

Так,а в чем то суть вопроса? Бери и прикрепляй на сайт. Через Chrome проверь на работоспособность. Если есть смартфон - через него посмотри...

Answer 2

[Оптимус Пьян]

Canvas, WebGL

Answer 3

[Александр Донов]

при чем здесь hover? мне нужен клик

Answer 4

[Дмитрий Зинченко]

Так в чём проблема? Берёшь css из примера,прикручиваешь его к классу и по клику добавляешь этот класс нужному блоку,типа
$(document).on('click', '.selector', function(){
$(this).addClass('transform');
});