How to implement 3D rotation?

Question

css

The button structure looks like this:

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

On click, the phone number should appear with a rotation effect, like on
codepen.io/sebastianekstrom/pen/jDmKo
How to implement this in CSS with mandatory support for mobile devices?

Answer 1

So, what is the crux of the matter? Take and attach to the site. Check if it works in Chrome. If you have a smartphone - look through it ...

Answer 2

canvas, webgl

Answer 3

what does hover have to do with it? i need a click

Answer 4

So what's the problem? You take the css from the example, attach it to the class and on click add this class to the desired block, like
$(document).on('click', '.selector', function(){
$(this).addClass('transform') ;
});