Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
-webkit-box-reflect
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Die-webkit-box-reflectCSS Eigenschaft ermöglicht es, den Inhalt eines Elements in eine bestimmte 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,leftDies 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>?
<image> =
<url>|
<image()>|
<image-set()>|
<cross-fade()>|
<element()>|
<gradient>
<image()> =
image(<image-tags>?[<image-src>? ,<color>?]!)
<image-set()> =
image-set(<image-set-option>#)
<cross-fade()> =
cross-fade(<cf-image>#)
<element()> =
element(<id-selector>)
<image-tags> =
ltr|
rtl
<image-src> =
<url>|
<string>
<image-set-option> =
[<image>|<string>][<resolution>||type(<string>)]?
<cf-image> =
[<image>|<color>]&&
<percentage [0,100]>?
<id-selector> =
<hash-token>
Spezifikationen
Nicht Bestandteil eines Standards. Die standardisierte Methode zur Spiegelung in CSS besteht darin, die CSS-Funktionelement() zu verwenden.
Browser-Kompatibilität
Siehe auch
- Die AppleDokumentation.
- Die WebKitSpezifikation.