This parent element has no perspective The elements rotate, but appear flat, and uninspired.

I have no perspective
rotateX
rotateY
rotateZ

Give the parent some perspective. Shouldn't all parents have perspective?

I have perspective: 300px;
rotateX
rotateY
rotateZ

The higher the perspective, the more subtle the effect.

I have perspective: 1700px;
rotateX
rotateY
rotateZ
If you were far away from a rotating body, it might not appear to be rotating.

A lower perspective is more drastic.

I have perspective: 30px;
rotateX
rotateY
rotateZ
Now try with your face 30px from the screen - does this feel like your perspective?
by andrew richards site @drwrchrds github linkedin