CSS/Funktionen/perspective()

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

Parameter	positive Längenangabe in px
anwendbar auf	* HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen SVG-Elemente
Browsersupport	caniuse: mdn-css_types_transform-function_perspective

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.

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
• MDN: perspective
• MDN: perspective()-Function
• CSS-Tricks: perspective

Siehe auch

• Transform
  • Transform/3D-Transforms