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.
CSS
Características
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
Cómo Usar
1. Arrastra los controles deslizantes para desplazamiento X, desplazamiento Y, desenfoque y extensión.
2. Elige un color con el selector de color.
3. Activa Inset para sombra interior.
4. Copia el código CSS generado.
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...