Generador de Text Shadow en CSS3

Text Shadow explicación

El CSS3 text-shadow es una de las técnicas más populares del diseño de un sitio web. Aunque en su origen fue en la especificación CSS 2.1, que era retirada por falta de apoyo. Sin embargo, ahora está de vuelta en CSS 3 y cuenta con un amplio apoyo entre los navegadores modernos.

text-shadow es realmente sencilla de utilizar. La sintaxis es la siguiente:

Se necesita cuatro valores: el primer valor define la distancia de la sombra en la dirección x (horizontal), el segundo valor establece el distancia en la dirección Y (vertical), el tercer valor define el desenfoque de la sombra y el último valor establece el color.

Si bien esto es relativamente fácil de recordar en comparación con otras normas, tales como border-radius ( CSS3), que es útil disponer de un generator como este para que pueda generar su text-shadow en tiempo real y afinar con controles similares a Photoshop.

Navegadores que lo soportan