learning$css

perspective

PrevNext
Term side of the Card
Topic: Transformations
Unit title: perspective
Categories: Property
Explanation side of the Card

Explanation: The property that defines the distance between the viewer and the z=0 plane, affecting the depth of 3D transformed elements. It doesn't overwrite the `transform` property, as it adjusts the perspective without altering other transform functions. This property helps create realistic 3D effects by controlling the depth of elements.

Browser compatibility:
  • The chrome browser supports this feature starting from version 36
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 16
  • The safari browser supports this feature starting from version 9
Availability: