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!

**Hunted** · 24-dic-2011

**Eloy58** · 24-dic-2011

**cramercaba** · 24-dic-2011

**carmen10** · 24-dic-2011

Felicidades

**GenuiWorld** · 24-dic-2011

**Hectorsito20** · 24-dic-2011

Carmen10 saludos y felicidades a usted y los suyos...

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!

24-dic-2011	#2
Hunted Erudito Ingreso: junio-2009 Ubicación: S.A. Mensajes: 2.952 Sexo: País: Signo: Agradecido: +6.875	Conocimiento: Máximo Poder

24-dic-2011	#3
Eloy58 VIP ZONE Ingreso: abril-2009 Ubicación: Madrid (España) Mensajes: 18.695 Sexo: País: Signo: Agradecido: +48.486	Aprende lo que puedas y enseña lo que sepas, el conocimiento es patrimonio de TODOS

24-dic-2011	#4
cramercaba Erudito Ingreso: noviembre-2009 Mensajes: 9.213 Sexo: País: Agradecido: +11.824	La vida es lo que pasa mientras se instalan las actualizaciones de Windows

24-dic-2011	#5
carmen10 Erudito Ingreso: agosto-2010 Ubicación: En Andalucia Mensajes: 17.081 Sexo: País: Signo: Agradecido: +22.675	Felicidades *El que busca la verdad corre el riesgo de encontrarla.*

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)

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

Los siguientes 2 usuarios agradecen a cramercaba por este mensaje:
carmen10 (24-dic-2011), Hectorsito20 (24-dic-2011)

Usuarios que han agradecido este mensaje de carmen10
cramercaba (24-dic-2011)

24-dic-2011	#6
GenuiWorld Ayudante Frecuente Ingreso: julio-2011 Ubicación: Donde Todo Es Diferente. Mensajes: 150 Sexo: País: Agradecido: +358

Los siguientes 2 usuarios agradecen a Hectorsito20 por este mensaje:
cramercaba (25-dic-2011), Hunted (24-dic-2011)

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a 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

(0 miembros y 1 visitantes)