box shadow CSS - Efecto de sombra con CSS

Опубликовано: 26 Июль 2026
на канале: Engicode
776
7

Redes Sociales:

Facebook:   / engicode  
Google+: https://plus.google.com/1180910924655...
Twitter:   / engicode  
web: http://www.engicode.com

su sintaxis simplificada habitual:

box-shadow: medida medida medida? medida? color
La primera medida es obligatoria e indica el desplazamiento horizontal de la sombra. Si el valor es positivo, la sombra se desplaza hacia la derecha y si es negativo, se desplaza hacia la izquierda.
La segunda medida también es obligatoria e indica el desplazamiento vertical de la sombra. Si el valor es positivo, la sombra se desplaza hacia abajo y si es negativo, se desplaza hacia arriba.
La tercera medida es opcional e indica el radio utilizado para difuminar la sombra. Cuanto más grande sea su valor, más borrosa aparece la sombra. Si se utiliza el valor 0, la sombra se muestra como un color sólido.
La cuarta medida también es opcional e indica el radio con el que se expande la sombra. Si se establece un valor positivo, la sombra se expande en todas direcciones. Si se utiliza un valor negativo, la sombra se comprime.
El color indicado es directamente el color de la sombra que se muestra.

Texas Techno de Audionautix está sujeta a una licencia de Creative Commons Attribution (https://creativecommons.org/licenses/...)
Artista: http://audionautix.com/