Perspective

Utilities for controlling the perspective of 3D transformed elements.

Class CSS Output
perspective-none
perspective: none;
perspective-distant
perspective: var(--perspective-distant);
perspective-midrange
perspective: var(--perspective-midrange);
perspective-dramatic
perspective: var(--perspective-dramatic);
perspective-[value]
perspective: [value]

perspective-none

perspective: none;

perspective-distant

perspective: var(--perspective-distant);

perspective-midrange

perspective: var(--perspective-midrange);

perspective-dramatic

perspective: var(--perspective-dramatic);

perspective-[value]

perspective: [value]

Reference

perspective MDN ↗

CSS Properties

  • perspective