Generador de sombras CSS (box-shadow)
Diseña sombras CSS de forma visual con capas, inset, desenfoque, expansión y color. Vista previa en vivo, ajustes como neumorfismo y CSS listo para copiar.
- Sin subidas
- Sin límites
- Sin registro
Ajustes preestablecidos
- Entrada:
- Un clic
- Salida:
- Texto
- Se ejecuta en:
- Tu dispositivo
- Límite de tamaño:
- Ninguno
- Cuenta:
- No hace falta
Cómo usar Generador de sombras CSS (box-shadow)
Da forma a la sombra
Mueve los controles de desplazamiento, desenfoque, expansión y opacidad y elige un color. Marca Interior para una sombra interna.
Apila capas o usa un ajuste
Añade más capas para dar profundidad real, o parte de un ajuste como suave, dura, neumorfismo o en capas.
Copia el CSS
Copia la declaración box-shadow (o text-shadow) lista para tu hoja de estilos.
Por qué usar Generador de sombras CSS (box-shadow) en Toolshed
Sin subidas
Todo se ejecuta en esta pestaña del navegador. Tus archivos nunca salen de tu dispositivo.
Sin límites
Sin límite de tamaño de archivo ni cuotas diarias. Procesa tanto como aguante tu dispositivo.
Sin registro
Sin cuenta, sin correo electrónico y sin marcas de agua.
Preguntas frecuentes
¿Por qué usar varias capas de sombra?
Varias sombras sutiles se ven más naturales que una sola pesada. Capas con desenfoques pequeños a distancias crecientes imitan la luz real y dan una profundidad más suave.
¿Qué hace inset?
Una sombra inset se dibuja dentro de la caja en lugar de fuera, útil para botones pulsados, campos y resplandores interiores.
¿Puedo hacer también una sombra de texto?
Sí. Cambia a Sombra de texto para previsualizar y copiar una declaración text-shadow. La expansión y el inset no existen para texto, así que esos controles se ocultan.
¿Se suben mis archivos a algún sitio?
No. Generador de sombras CSS (box-shadow) se ejecuta por completo en tu navegador. Tus archivos se procesan en tu dispositivo y nunca se envían a un servidor.
¿Hay un límite de tamaño de archivo?
No hay un límite fijo. El único límite es la memoria de tu dispositivo. Los archivos muy grandes funcionan mejor en un navegador de escritorio.
¿Generador de sombras CSS (box-shadow) es realmente gratis?
Sí. No hay cuenta ni marca de agua. Un anuncio breve opcional, o una espera de 20 segundos, desbloquea cada descarga. Así mantenemos el servicio gratuito.