Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 55 ¿Como CREAR SOMBRAS MULTIPLES a una CAJA en CSS? (box-shadow)

Puntos Clave de la Lección

• Introducción a box-shadow: Se explica la sintaxis básica y los parámetros fundamentales para posicionar sombras en los ejes X e Y de una caja. [00:00:36]
• Parámetros de difuminado y crecimiento: Descripción del blur radius para suavizar los bordes y el spread radius para controlar el factor de expansión de la sombra. [00:01:01]
• Direccionalidad de las sombras: Análisis de cómo el uso de valores positivos y negativos en los ejes permite mover la sombra hacia distintas direcciones (derecha, izquierda, arriba, abajo). [00:01:47]
• Uso de la propiedad inset: Cómo utilizar la palabra reservada inset para proyectar la sombra hacia el interior del elemento en lugar de hacia afuera. [00:04:30]
• Creación de sombras múltiples: Técnica para aplicar múltiples capas de sombra sobre un mismo elemento separándolas mediante comas, permitiendo superponer colores y efectos. [00:05:21]

Productos útiles para este curso

Resumen Final

El dominio de la propiedad box-shadow es fundamental para mejorar la jerarquía visual en el desarrollo web. Al combinar los parámetros de desplazamiento, difuminado y crecimiento, junto con la capacidad de aplicar sombras múltiples y el efecto inset, es posible elevar la calidad estética de cualquier diseño. Esta práctica permite transformar cajas simples en elementos con relieve o profundidad profesional.

Créditos del Autor

Esta lección ha sido adaptada del contenido original creado por el canal, especializado en programación y desarrollo web con CSS. Se recomienda visitar su canal oficial de YouTube para profundizar en estos contenidos.