Herramientas de imagen y diseño
Box Shadow Generator
Box Shadow Generator se ejecuta en el navegador para revisar, convertir o preparar resultados sin enviar la entrada a un servidor.
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator es una herramienta local del navegador para el flujo de imagen y diseño. Mantiene la entrada, las opciones y el resultado en una sola página.
How to use it
- Pegar la entrada
Introduce o pega el valor que quieres procesar en el área de entrada.
- Ajustar opciones
Elige el modo, formato o unidad que coincida con box shadow, CSS shadow, elevation.
- Revisar el resultado
Ejecuta la herramienta y copia o descarga el resultado solo después de revisarlo.
Examples
Ejemplo de Box Shadow Generator
- Input
- Entrada de ejemplo
- Output
- Salida revisada en el navegador.
Practical tips
- Empieza con una muestra pequeña cuando el contenido sea grande.
- Los anuncios se mantienen fuera de los controles y resultados principales.
FAQ
¿Qué entrada debo usar con Box Shadow Generator?
Usa valores que coincidan con la tarea visible y ajusta las opciones antes de ejecutar.
¿Puedo copiar el resultado de Box Shadow Generator?
Sí. Revisa el resultado y luego cópialo o descárgalo cuando sea correcto.
¿Box Shadow Generator funciona en móvil?
Sí. La entrada, las opciones y el resultado se apilan en pantallas pequeñas.
¿Se envía mi entrada a un servidor?
No. La herramienta está diseñada para procesar la entrada en el navegador.