-webkit-box-reflect

Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es große Inkompatibilitäten zwischen Implementierungen geben und das Verhalten kann sich in Zukunft ändern.

Die -webkit-box-reflect CSS Eigenschaft ermöglicht es Ihnen, den Inhalt eines Elements in eine spezifische Richtung zu spiegeln.

Syntax

css
/* Direction values */
-webkit-box-reflect: above;
-webkit-box-reflect: below;
-webkit-box-reflect: left;
-webkit-box-reflect: right;

/* Offset value */
-webkit-box-reflect: below 10px;

/* Mask value */
-webkit-box-reflect: below 0 linear-gradient(transparent, white);

/* Global values */
-webkit-box-reflect: inherit;
-webkit-box-reflect: initial;
-webkit-box-reflect: revert;
-webkit-box-reflect: revert-layer;
-webkit-box-reflect: unset;

Werte

above, below, right, left

Sind Schlüsselwörter, die angeben, in welche Richtung die Spiegelung erfolgen soll.

<length>

Gibt die Größe der Spiegelung an.

<image>

Beschreibt die Maske, die auf die Spiegelung angewendet werden soll.

Formale Definition

Initialer Wertnone
Anwendbar aufalle Elemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

-webkit-box-reflect =
  [ above | below | right | left ]? <length>? <image>?

Spezifikationen

Teil keiner Norm. Der standardmäßige Weg, um Spiegelungen in CSS zu realisieren, ist die Verwendung der CSS element() Funktion.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch