Box Shadow

Box-shadow toma: desplazamiento horizontal, desplazamiento vertical, radio de desenfoque, radio de expansión (opcional) y color. Ejemplo: box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.3).

Usa múltiples sombras en capas con diferentes valores de desenfoque, mantén las sombras sutiles (baja opacidad) y considera la dirección de la fuente de luz.

Agregar la palabra clave "inset" crea una sombra interior, haciendo que el elemento parezca presionado o hundido. Útil para campos de entrada y botones.