-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 Ihnen, den Inhalt eines Elements in eine spezifische Richtung zu spiegeln.
Syntax
/* 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
| Anfangswert | none |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
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
- Die Apple Dokumentation.
- Die WebKit Spezifikation.