Sombra / Sombra paralela
Efecto visual que renderiza una sombra detrás de imágenes, texto o elementos de interfaz para crear profundidad y apariencia flotante.
Una sombra paralela (drop shadow) es un efecto visual que renderiza una sombra detrás de un elemento, creando la ilusión de que flota sobre la superficie. En diseño web, se aplica comúnmente a componentes de tarjeta y botones para percepción de profundidad, implementado mediante las propiedades CSS box-shadow o text-shadow.
Los parámetros de sombra incluyen desplazamiento horizontal (X), desplazamiento vertical (Y), radio de desenfoque y color (típicamente negro semitransparente). Por ejemplo, box-shadow: 2px 4px 8px rgba(0,0,0,0.2) produce una sombra sutil desplazada 2px a la derecha y 4px hacia abajo con 8px de desenfoque.
En edición de imágenes, añadir sombras a sujetos recortados ayuda a que se integren naturalmente con nuevos fondos. Después de aislar un sujeto con la herramienta de eliminación de fondo, aplicar una sombra paralela crea un compuesto realista. Combinar sombras con bordes y esquinas redondeadas produce diseños de tarjeta pulidos.