Generador de Box Shadow CSS
Genera visualmente propiedades CSS box-shadow con controles deslizantes. Observa una vista previa en vivo y copia el código CSS.
Estudio · entorno neutro
Características
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
Cómo Usar
1. Da forma a la sombra con los deslizadores — la tarjeta neutra de la superficie muestra exactamente el resultado final.
2. Las sombras reales tienen capas: añade hasta cuatro o parte de un preajuste (Soft, Elevated, Floating, Inner).
3. Cambia la superficie para revisar la sombra sobre blanco, gris y oscuro, y copia el CSS.
Preguntas Frecuentes
What is box-shadow?
The CSS box-shadow property adds shadow effects around an element's frame.
Herramientas Relacionadas
Generador de Degradados CSS
Crea degradados CSS lineales, radiales y cónicos visualmente. Añade múltiples pu...
Generador de Border Radius CSS
Diseña visualmente CSS border-radius — controla las cuatro esquinas individualme...
Playground de CSS Flexbox
Aprende y experimenta con CSS Flexbox. Ajusta las propiedades del contenedor y o...
Generador de Grid CSS
Crea visualmente diseños de CSS Grid. Configura filas, columnas, espaciado y cop...