Texto em 3D usando apenas CSS

Texto 3D usando CSS




Hace unos dias me tope con un interesante sitio web que nos da las opciones necesarias para crear nuestro texto en 3D usando solo CSS, revisando un poco el codigo este efecto se logra mediante la propiedad "text shadow" algo muy ingenieso, la pagina web consta de un panel que te deja configurar a tu gusto el resultado final de tu texto en 3D:





Una vez terminado todo solo queda copiar el codigo que nos genera y pegarlo en los estilos de nuestra web, en blogger pondremos arriba de ]]></b:skin>


por ultimo y como paso final deberemos tomar en cuenta que la parte mas importante del codigo es esta ".Three-Dee" que es el nombre de la regla en CSS que nos dara el efecto gfinal a nuestro texto, lo ubicaremos de la siguiente forma:


​

<span class="Three-Dee">Tu texto</span>

Y eso seria todo, les dejo la url para que visiten la web


[url]www.3dcsstext.com[/URL]
​