Generador de box-shadow CSS
ColorUn generador de box-shadow crea un valor CSS box-shadow a partir de los desplazamientos, el desenfoque, la extensión y el color.
Traducción asistida por IA en revisión
Esta página se tradujo con ayuda de IA y aún no ha recibido revisión profesional. Consulta las fuentes citadas antes de usarla para una decisión importante.
Qué es
La propiedad box-shadow añade una sombra alrededor de un elemento. Sus parámetros controlan el desplazamiento horizontal y vertical, el desenfoque, la extensión y el color.
box-shadow = x y desenfoque extensión color
Cómo se usa
- 1Ajusta los desplazamientos, el desenfoque y la extensión.
- 2Elige el color de la sombra.
- 3Copia el valor CSS box-shadow.
Referencia
| Entrada | Resultado |
|---|---|
| muestra | valor CSS box-shadow |
Fuentes y estándares
- ECMAScript Language Specification - Ecma International
Preguntas frecuentes
¿Para qué sirve el valor de extensión (spread)?
El valor spread aumenta o reduce el tamaño de la sombra respecto al elemento antes de aplicar el desenfoque.
¿Se envían los datos a un servidor?
No. Esta herramienta se ejecuta en tu navegador y no envía los datos a ningún servidor.