Una de las propiedades más llamativas de la nueva versión de css es text-shadow, con ella le asignamos una sombra a algún texto. Su implementación es muy simple
text-shadow: #6374AB 2px 5px 5px;
Donde el primer atributo es el color que le vas a dar a la la sombra, el segundo es la distancia x desde la letra hacia la derecha, el tercero es la distancia y desde el texto hacia abajo y el cuarto es el ancho de sombra, esto es relativo al ancho del texto, por lo que entre más ancho que el texto lo asignes mas borroso se verá.
Si quieres ver un ejemplo completo funcionando copia este código
<html>
<head>
<style type="text/css">
#box{
width:400px;
height:100px;
background:red;
}
p{
font-family: Verdana;
font-size:70px;
text-align:center;
color:black;
text-shadow: #6374AB 2px 5px 5px;
}
</head>
<body>
<div id="box">
texto
</div>
</body>
</html>
Por el momento esto funciona en chrome, firefox 3, opera 9.5 en adelante. Osea los navegadores que soporten css3.
saludos tuto
