color
Box Shadow
diseña una box-shadow CSS de forma visual.
acerca de
arrastra los deslizadores para diseñar una box-shadow. vista previa en vivo + código CSS listo para copiar.
cómo se usa
- arrastra los deslizadores de x, y, desenfoque y extensión.
- elige un color de sombra y activa inset si la quieres por dentro.
- haz clic en el código de abajo para copiar el CSS.
ejemplos
- diseña una sombra suave para una tarjeta.
- crea una sombra dura con 4px de desplazamiento para un botón neobrutalista.
- añade una sombra inset para dar sensación de hundido.
preguntas frecuentes
¿qué es la extensión (spread)?
cuánto crece o se encoge la sombra más allá del borde del elemento. los valores negativos la tiran hacia adentro.
¿cuál es la diferencia entre desenfoque y extensión?
el desenfoque suaviza el borde. la extensión cambia el tamaño antes de aplicar el desenfoque.