Perspective

The perspective CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.

Option

Length 200px

Rotate X 20 deg

Rotate y 20 deg

Preview

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo omnis quas aliquam doloribus ab. Voluptate temporibus quidem molestias officiis. Natus inventore aperiam ducimus expedita dolore cupiditate vero non perferendis sit.

Code

Copy this to the parent element.

perspective: 200px;

Copy this to the child element.

transform: rotateX(20deg) rotateY(20deg);
transform-style: preserve-3d;