Todos sabemos que con CSS3 podemos agregar sombras a los elementos HTML y también al texto, pero muy pocos sabemos que podemos hacer efectos en 3D.
Yo conozco dos métodos el manual y el "quiero que lo hagan por mi", así es existe una pagina web que crea tu texto en 3D llamada 3D CSS text generato r tu solo das estilos y te genera el código.
Aquí en taringa no podemos hacer que 'funcione' el código, por lo que si quieren ver el ejemplo tendrán que ir al Articulo original (en la fuente).
Veamos el código:
.sombra{
text-shadow:
1px 1px 0px #777,
2px 2px 0px #777,
3px 3px 0px #666,
4px 4px 0px #666,
5px 5px 0px #555,
6px 6px 0px #555,
7px 7px 0px #444;
}
Lo que se hace en el código es agregar las propiedades normales de una sombra, pero después se agrega una coma (,) para que el navegador entienda que se agregara otro atributo. No te olvides de ir oscureciendo más el color que utilizaste así se notara el efecto en 3D.
Ahora lo único que queda es hacerlo compatible con todos los navegadores, excepto por Internet Explorer que no soporta esta propiedad.
.sombra {
-webkit-text-shadow:
1px 1px 0px #777,
2px 2px 0px #777,
3px 3px 0px #666,
4px 4px 0px #666,
5px 5px 0px #555,
6px 6px 0px #555,
7px 7px 0px #444;
-moz-text-shadow:
1px 1px 0px #777,
2px 2px 0px #777,
3px 3px 0px #666,
4px 4px 0px #666,
5px 5px 0px #555,
6px 6px 0px #555,
7px 7px 0px #444;
-o-text-shadow:
1px 1px 0px #777,
2px 2px 0px #777,
3px 3px 0px #666,
4px 4px 0px #666,
5px 5px 0px #555,
6px 6px 0px #555,
7px 7px 0px #444;
}
Con esto ya sería compatible, y por explorer no te preocupes no se notara ningún cambio se vera como si no tubiese nada.