Simulando un 3D con la propiedad text-shadow (Novedad de css3)

**Hectorsito20** · 24-dic-2011

Hola que tal a todo, la propiedad text-shadow es muy potente aunque no lo crean se pueden llegar conseguir resultados espectaculaes (claro está dandole un correcto uso) en esta ocación les muestro como minular un 3D a partir de la crear simulataneamente separador por coma...

Estilos css
<style type="text/css">
body{
background:darkgray;
}
h1{
color:darkred;
font-size:100px;
text-shadow:
1px 0px 1px #ccc, 0px 1px 1px #eee,
2px 1px 1px #ccc, 1px 2px 1px #eee,
3px 2px 1px #ccc, 2px 3px 1px #eee,
4px 3px 1px #ccc, 3px 4px 1px #eee,
5px 4px 1px #ccc, 4px 5px 1px #eee,
6px 5px 1px #ccc, 5px 6px 1px #eee,
7px 6px 1px #ccc;
}
</style>

Código html
<body>
<h1>Intercambiosos</h1>
</body>

Resultado!

24-dic-2011	#1
Hectorsito20 Desarrollador HTML5 & CSS3 Ingreso: octubre-2011 Ubicación: Republica Dominicana, Punta Cana Bávaro Mensajes: 157 Sexo: País: Signo: Agradecido: +445	Simulando un 3D con la propiedad text-shadow (Novedad de css3) Hola que tal a todo, la propiedad text-shadow es muy potente aunque no lo crean se pueden llegar conseguir resultados espectaculaes (claro está dandole un correcto uso) en esta ocación les muestro como minular un 3D a partir de la crear simulataneamente separador por coma... Estilos css <style type="text/css"> body{ background:darkgray; } h1{ color:darkred; font-size:100px; text-shadow: 1px 0px 1px #ccc, 0px 1px 1px #eee, 2px 1px 1px #ccc, 1px 2px 1px #eee, 3px 2px 1px #ccc, 2px 3px 1px #eee, 4px 3px 1px #ccc, 3px 4px 1px #eee, 5px 4px 1px #ccc, 4px 5px 1px #eee, 6px 5px 1px #ccc, 5px 6px 1px #eee, 7px 6px 1px #ccc; } </style> Código html <body> <h1>Intercambiosos</h1> </body> Resultado!

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Cambiar a Modo Lineal Cambiar a Modo Hibrido Modo Hilado

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Las famosas burbujas solo con css3 (novedad css3)	Hectorsito20	Recursos Webmasters & Diseño Web	7	21-dic-2011 08:30
Nuevo castlevania lord of shadow	jimmy182000	Plataformas Varias	4	14-oct-2010 02:50
La Propiedad Intelectual	JesRICART	Plataformas Varias	0	14-ago-2009 05:50

Los siguientes 5 usuarios agradecen a Hectorsito20 por este mensaje:
carmen10 (24-dic-2011), cramercaba (24-dic-2011), GenuiWorld (24-dic-2011), Hunted (24-dic-2011), palmer (24-dic-2011)

(0 miembros y 1 visitantes)