Drop Shadow

Definición

Un drop shadow o sombra paralela es un efecto visual que simula una sombra proyectada por un elemento, creando sensación de profundidad y elevación sobre el fondo.

Usos del drop shadow en diseño web

Tarjetas: Separarlas visualmente del fondo
Botones: Darles sensación de profundidad
Modales: Destacarlos sobre el contenido
Menús: Diferenciarlo del contenido de la página
Imágenes: Añadir realismo

Propiedades en CSS

Se aplica con box-shadow (elementos) o filter: drop-shadow (imágenes con transparencia). Parámetros: desplazamiento X, Y, difuminado, extensión y color.

Tendencias actuales

Las sombras sutiles y difuminadas son más populares que las sombras duras. El diseño neumorfismo usa sombras suaves para crear interfaces táctiles.

También conocido como:

Sombra paralelaBox shadow

Términos que te pueden interesar

Above the Fold

Parte de una página web visible sin hacer scroll, crucial para la primera impresión.

Animación Lottie

Formato de animación vectorial ligero basado en JSON, creado para web y apps.

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO

.htaccess

Es un archivo de configuración del servidor del sitio web que le dice al servidor cómo responder en ciertas circunstancias.

Desarrollo Web

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

Volver al glosario