-webkit-box-reflect
No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.
Resumen
La propiedad CSS -webkit-box-reflect permite reflejar el contenido del elemento en una dirección específica.
Advertencia: Nota: Esta característica no está pensada para ser usada en páginas Web .Para conseguir reflexión en la Web, la forma estándar es usando la función CSS element() (en-US) .
| Valor inicial | none |
|---|---|
| Applies to | all elements |
| Heredable | no |
| Valor calculado | como se especifica |
| Animation type | discrete |
Síntaxis
/* Valores para la dirección */
-webkit-box-reflect: above;
-webkit-box-reflect: below;
-webkit-box-reflect: left;
-webkit-box-reflect: right;
/* Valor del desplazamiento */
-webkit-box-reflect: below 10px;
/* Valor de máscara */
-webkit-box-reflect: below 0 linear-gradient(transparent, white);
/* Valores globales */
-webkit-box-reflect: inherit;
-webkit-box-reflect: initial;
-webkit-box-reflect: unset;
Valores
above,below,right,left-
Son palabras clave que indican en qué dirección se realiza la reflexión.
<length>-
Indica el tamaño de la reflexión.
<image>-
Describe la máscara que se aplicará a la reflexión.
Síntaxis Formal
Especificaciones
Esta propiedad no está entre los objetivos de la especificación estándar y no será parte de CSS. La manera estándar para conseguir reflexión en CSS es el uso de la función element() (en-US).
Compatibilidad con los distintos navegadores
BCD tables only load in the browser
Ver además
- La documentación de Apple.
- La especificación de Webkit.
- El artículo de Lea Verou sobre reflexión usando característica CSS que están en el estándar.