Texto con sombra

Para crear sombras para figuras irregulares como textos, existe una propiedad especial llamada text-shadow. Vamos a usar nuestro ejemplo en el que creamos las cajas con sombra; cargamos el archivo “index.html” y “css3.css” desde el directorio que “sombras” y hacemos las siguientes modificaciones que colocaremos entre las etiquetas

.

Se ha utilizado el titular de tamaño 1 para ese cometido. Ahora solo tenemos que colocar la regla para las sombras del texto:

Si todo a ido bien debería reproducirlo su navegador.

Los valores para text-shadow son similares a los usados para box-shadow . Podemos declarar el color de la sombra, la distancia horizontal y vertical de la sombra con respecto al objeto y el radio de difuminado.

  • Modifica esta regla para que salga tu titular como cabecera.
  • Cambia el color del texto,
  • Cambia el color de la sombra ya su orientación.