CSS/Funktionen/perspective()

Browserunterstützung
caniuse.com

Die CSS-Funktion perspective() legt eine Perspektiven-Matrix einer Transformation fest.

anwendbar auf

• HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
• SVG-Elemente

Parameter

* positive Längenangabe in px

Beispiel

  .openingcrawl {
    background: black;
    color: gold;
    transform: perspective(333px) rotate3d(1,0,0,20deg);
  }

Ein höherer Wert lässt das Element weiter weg erscheinen.

Siehe auch

• Transform
  • Transform/3D-Transforms

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
• MDN: perspective
• MDN: perspective()-Function
• CSS-Tricks: perspective
• Browser-Support: caniuse.com