Generador CSS de sombras de color
Previsualiza una sombra de caja CSS y copia el código.
Favorites are saved in this browser. Find them in My favorites.
Generador CSS de sombras de color
Instant results · processed in your browser
Update results automatically as you type or change settings. Turn off to run manually.Clear your input, files and result, and restore the default settings.
Your result appears here
Adjust the values to see your result automatically.
Cómo usar Generador CSS de sombras de color
- Ajusta los valores; se calcula un resultado inicial desde los valores predeterminados.
- Cambia los ajustes básicos o abre el modo avanzado para afinar el resultado.
- Revisa y copia o descarga tu resultado. Pausa los resultados en vivo para ejecutar manualmente. Las fuentes o ajustes individuales de más de 20,000 caracteres requieren una ejecución explícita.
Qué admite esta herramienta
Previsualiza una sombra de caja CSS y copia el código.
- Desplazamiento horizontal (px)
- Set this value for your task.
- Desplazamiento vertical (px)
- Set this value for your task.
- Desenfoque (px)
- Range: 0 to 200
- Extensión (px)
- Set this value for your task.
- Color de sombra
- Set this value for your task.
- Opacidad
- Range: 0 to 1
- Interior
- Set this value for your task.
Límites y procesamiento
Usa números finitos, fechas válidas y los rangos que muestra cada control. Los valores no válidos producen un error sin resultado descargable.
Fuente de ejemplo
Hello ToolCabana
Preguntas frecuentes
¿Qué hace el generador CSS de sombras de color?
Previsualiza una sombra de caja CSS y copia el código.
¿Dónde se procesa mi entrada?
Esta operación procesa su fuente en tu navegador. Copiar y descargar son acciones explícitas; la entrada de origen no se guarda en una cuenta ni en un historial.
¿Cuáles son los límites de entrada?
Usa números finitos, fechas válidas y los rangos que muestra cada control. Los valores no válidos producen un error sin resultado descargable.