Foro de Ayuda IntercambiosvirtualeS - Ver Mensaje Individual - 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!

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)