Generador de Sombra CSS
Developer Tools
Cargando herramienta...
Acerca de Esta Herramienta
Generador de box-shadow CSS gratuito y sin servidor. Ajusta offset, desenfoque, extensión, color, sombra interna y radio de borde. 6 presets profesionales. Copia CSS con un clic.
Cómo Usar
- Ajusta propiedades con deslizadores.
- Elige color de sombra y fondo.
- Activa Inset para sombras internas.
- Ajusta radio de borde.
- Prueba los 6 presets.
- Clic en Copiar CSS.
Preguntas Frecuentes
¿Qué propiedades puedo controlar?
Offset horizontal y vertical, radio de desenfoque y extensión, color, sombra interna y radio de borde.
¿Qué presets hay?
Sutil, Medio, Pesado, Resplandor suave, Afilado e Interior.
¿Cuáles son los casos de uso?
Tarjetas, efectos hover en botones, modales, elementos flotantes y neumorfismo.
¿Funciona en cualquier framework?
¡Sí! Es CSS estándar compatible con React, Vue, Angular, Tailwind y HTML/CSS.