Saltar al contenido principal
Versión: 0.77

Tipo de objeto DropShadowValue

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

El objeto DropShadowValue es utilizado por la propiedad de estilo filter para la función dropShadow. Está compuesto por 2 o 3 longitudes y un color opcional. Estos valores definen colectivamente el color, posición y desenfoque de la sombra paralela.

Ejemplo

js
{
offsetX: 10,
offsetY: -3,
standardDeviation: '15px',
color: 'blue',
}

Claves y valores

offsetX

El desplazamiento en el eje X. Puede ser positivo o negativo. Un valor positivo indica derecha y uno negativo indica izquierda.

TypeOptional
number | stringNo

offsetY

El desplazamiento en el eje Y. Puede ser positivo o negativo. Un valor positivo indica arriba y uno negativo indica abajo.

TypeOptional
number | stringNo

standardDeviation

Representa la desviación estándar utilizada en el algoritmo de desenfoque gaussiano. Cuanto mayor sea el valor, más difuminada aparecerá la sombra. Solo son válidos los valores no negativos. El valor predeterminado es 0.

TypeOptional
number | stringYes

color

El color de la sombra. El valor predeterminado es black.

TypeOptional
colorYes

Utilizado por