Sombras

A partir do estándar CSS3 podemos engadir sombras a un texto ou as caixas. Para facer iso, as sintaxis será a seguinte:

propiedad: distanciaX distanciaY distanciaDifuminado cor;

Onde:

• distanciaX: É unha unidade de medida que indica ata onde vai o ancho da sombra
• distanciaY: Unidade de medida que indica ata onde vai o alto da sombra
• distanciaDifuminado: Unidade de medida que indica o tamaño do difumidado
• cor: Cor que indica a cor da sombra

Así, por exemplo:

selector {
  box-shadow: 5px 10px 7px rgb(10, 230, 89);
}

Podemos engadir varias sombras empregando a coma para separar valores:

selector {
  text-shadow: 5px 10px 7px rgb(10, 230, 89), -5px -10px 7px rgb(10, 230, 89);
}