-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 inicialnone
Applies toall elements
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

Síntaxis

css
/* 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

Error: could not find syntax for this item

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 navegadores

BCD tables only load in the browser

Ver además