Qué es CSS box-shadow
box-shadow es una propiedad CSS que agrega sombras a los elementos HTML. Es una técnica esencial de diseño web que puede expresar profundidad y dimensionalidad utilizando solo código CSS sin imágenes.
Parámetros de box-shadow
box-shadow se especifica en el orden 'desplazamiento-horizontal desplazamiento-vertical desenfoque extensión color'. Los desplazamientos horizontal y vertical determinan la posición de la sombra, el desenfoque controla la suavidad del borde, la extensión controla el tamaño de la sombra y el color se puede especificar con RGBA, incluida la transparencia.
inset (Sombra interior)
Agregar la palabra clave 'inset' dibuja la sombra dentro del elemento en lugar de afuera. Adecuado para expresar entradas de formulario con sangría o estados de botón presionado.
Apilamiento de múltiples sombras
Se pueden especificar múltiples box-shadows separados por comas para apilar sombras. El diseño Neumorphism combina sombras claras y oscuras para expresar una textura tridimensional.