Sombra de textos con la propiedad CSS text-shadow

Haciendo uso de JavaScript y la propiedad CSS text-shadow podemos crear este efecto sobre cualquier texto. Para matar el rato, pero interesante.

Text Shadow

Código

document.getElementById('text-shadow-box').onmousemove = function(e) {
 var xm = e.clientX - 300;
 var ym = e.clientY - 175;
 var d = Math.sqrt(xm*xm + ym*ym);
 text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d / 5 + 10) + 'px black';
 
 xm = e.clientX - 600;
 ym = e.clientY - 450;
 spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}

El código trabaja muy bien sobre Opera, Chrome, Firefox 3.5 y Safari.

Via Ajaxian

Enlace |  Treat with CSS text shadow

One thought on “Sombra de textos con la propiedad CSS text-shadow

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.