Una sombra es una forma oscura y suave detrás de un elemento que hace que parezca elevado sobre la página. Es como la sombra bajo una caja real apoyada en una mesa.
Los diseñadores pueden usar sombras para destacar un menú o un diálogo sobre el contenido del fondo. Una sombra sutil puede indicar qué capa está delante sin dibujar un borde visible.
Usa las sombras con moderación y de forma coherente. Si todos los elementos parecen elevados, nada destaca; además, las sombras intensas pueden recargar la página o dificultar la lectura.