Saltar al contenido principal

Los botones interactivos y las instrucciones de entrada pueden mostrarse actualmente en inglés.

Herramientas

Generador de sombras CSS

Usa Generador de sombras CSS para introducir desplazamiento, desenfoque, extensión y color y obtener una vista previa de la sombra y su CSS al instante, sin instalar nada ni crear una cuenta.

Generador de sombras CSS procesa las entradas y los archivos únicamente en este navegador y no los envía a servicios externos.

Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

Cómo usar

Generador de sombras CSS es una herramienta de navegador que recibe desplazamiento, desenfoque, extensión y color y genera una vista previa de la sombra y su CSS. Puedes revisar las opciones y el resultado sin salir de la página. Ejemplo práctico: 0 8px 24px rgba(0,0,0,.2).

  1. Configura desplazamiento, desenfoque, extensión y color en Generador de sombras CSS.
  2. Ajusta la configuración mientras revisas la vista previa en tiempo real.
  3. Pulsa Copiar para copiar el resultado.

Resultado

  • Ejemplo de Generador de sombras CSS: 0 8px 24px rgba(0,0,0,.2)

Limitaciones

  • Limitación de Generador de sombras CSS: Una sombra intensa puede perjudicar la lectura o el rendimiento. Verifica los resultados importantes con la fuente original.

Privacidad

Generador de sombras CSS procesa las entradas y los archivos únicamente en este navegador y no los envía a servicios externos.

Preguntas frecuentes

¿Qué resultado ofrece Generador de sombras CSS?

Utiliza la entrada y las opciones elegidas para generar una vista previa de la sombra y su CSS.

¿Puedo confiar siempre en Generador de sombras CSS?

Una sombra intensa puede perjudicar la lectura o el rendimiento. Revisa el resultado antes de usarlo en una tarea importante.

🔧 Herramientas relacionadas