Copied content!

Perspective

OPTIONS

Length

0deg

Rotate X

0deg

Rotate Y

0px

PREVIEW

Lorem ipsum dolor sit amet, consectetur adipiscing

CODE

Copy this to the parent element.

perspective: 0px;

Copy this to the child element.

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

Utilization

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

You can test for this property with our tool.