L
L
lightalex2017-09-04 01:32:55
css
lightalex, 2017-09-04 01:32:55

How to make 3d flip effect?

Hello
There is such a block flip: https://codepen.io/lightalex/pen/NvJjZx
It became interesting whether it is possible to make this card "thick"?
How to add Z volume to a block?
For now, it's just a matter of spawning divs and spreading them along the Z axis to get a fake volume.
But I don't like this idea
. Maybe there are some magic functions that will allow you to drag the block along Z?
PS Please note that the card has rounded edges, which does not allow you to add three divs that will create a 3D shape

Answer the question

In order to leave comments, you need to log in

2 answer(s)
G
gleendo, 2017-09-04
@evgeniy8705

Demo (codepen)

G
GreatRash, 2017-09-04
@GreatRash

https://codepen.io/anon/pen/GveQKd

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question