RibosoMatic Blog

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

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