Ya que cada día se ve vas cercano el uso masivo de CSS3 y HTML5 por lo que he visto por conveniente publicar algunos tutoriales al respecto, desde ya voy diciendo no me pregunten como se hace eso en Internet Explorer ya que o no existen hacks o hay que usar javascripts que hacen algo similar pero más lento o de menos calidad.
Es muy sencillo añadir sombra a un texto en los modernos navegadores (se sobreentiende que IE no es moderno) basta con una simple línea de codigo como esta:
[cc lang=»css»]
text-shadow: 2px 2px 2px #000;
[/cc]
Los 2 primeros valores me dan la distancia de la sombra respecto del texto en función de «X» «Y» respectivamente, el tercer valor indica el desenfoque de la sombra (blur) y finalmente el último valor es el color de la sombra.
El ejemplo quedaría así:
Este es un texto de prueba que sólo funciona en Safari 3, Opera 9.5, Firefox 3.1a, Konqueror y otros basados en Webkit
