-webkit-box-reflect

Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.

Die -webkit-box-reflect CSS Eigenschaft ermöglicht es, den Inhalt eines Elements in eine bestimmte 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

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

Anfangswertnone
Anwendbar aufalle Elemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

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

Spezifikationen

Nicht Teil eines Standards. Der standardmäßige Weg, eine Spiegelung in CSS zu erzeugen, ist die Verwendung der CSS-element()-Funktion.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch