Existen dos tipos de propiedades las cuales sus funciones son similares, estas son las propiedades:
text-shadow: posx posy desenfoque color | none;
box-shadow: posx posy desenfoque tamaño color inset | none;
Cada propiedad tiene un uso el cual ayuda que el diseño sea más especifico:
posx: sombra que se aplica en el eje horizontal.
posy: sombra que se proyecta en el eje vertical.
desenfoque o blur: cantidad de sombra borrosa.
tamaño: tamaño de la sombra hacia los lados.
color: color de la sombra.
inset: posiciona la sombra dentro del marco.
Para aplicar sombras arriba y a la izquierda se deben utilizar valores negativos.
Para aplicar doble sombra se pueden poner dos valores separados con coma.
Recuerda que para este tipo de propiedades debemos incluir los prefijos para navegadores.
Propiedad «text-shadow»
Propiedad «box-shadow»
Abril Yamilet Cisneos Amador
CECyTEM