JMiur [E]

Las sombras que se pueden agregar con la propiedad text-shadow en los navegadores que la soporta, tienen la particularidad de ser aditivas es decir, se pueden ir acumulando sobre el mismo texto, separando las distintas definiciones con una coma.

Así que, empezamos con un texto normal:
<style>
h1.demo3d {
    color: #FFF;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 100px;
    text-align: center;
}
</style>

3D Text


y le ponemos una sombra:
text-shadow: 0 10px 0 #ABC;

3D Text


o le ponemos otra sombra:
text-shadow: 1px 13px 0 #456;

3D Text


también podemos ponerle las dos al mismo tiempo:
text-shadow: 0 10px 0 #ABC, 1px 13px 0 #456;

3D Text


donde, el orden es importante ya que si lo invertimos,el resultado será otro:
text-shadow: 1px 13px 0 #456, 0 10px 0 #ABC;

3D Text


y una más con el mismo color del fondo para serpara las dos últimas:
text-shadow: 0 5px 0 #101921, 0 10px 0 #ABC, 1px 13px 0 #456;

3D Text


¿Cuántas se pueden poner? Nadie lo sabe.

7 comentarios:

Felipe Calvo Cepeda  

Que bonito efecto.
Puedes seguir sumando hasta que te dejes de divertir. :D

Responder
Unknown  

yo sé que est comment no va aqui, pero me arriesgaré a que me bote ;)

Cambie plantilla y ahora los avatares no se muestran, "estan ahí" pues si los selecciones (como si fuera hacerle un copy) y se alcanzan a ver los cuadros de 45 x 45 pero no muestra nada, he hecho los pasos 1 2 y 3, pero ya no doy pie con bola :S

HELP!!! :X

Aquí puedes ver los comentarios con los que he estado intentandolo.

Responder
Unknown  

Bonito Jmiur :P será cuestión de ir probando hasta verle el final.

Responder
Viktor Lecter  

Estoy de vuelta compadre, saludos!!!, :P :P :P

Responder
Unknown  

Miauuuuuuuuuuuuuuuuuuuu me fascinan las sombras y estos efectos quedan preciosos :)))) probando próximamente xDDDD

Besos ronroneados en mi abrazo ^_^

Responder
Beben Koben  

thanks master for your creativity and time's :)

Responder
JMiur  

Sí, es divertido :D

Viktor:
Me alegra que todo se solucionara.


Yo soy YobLleh:
No se ve ningún error en als reglas de estilo,lo que se ve es que Blogger no envia la imagen aunque esta existe. Es posible que sea consecuencia del bug que aún no hay solucionado y que en muchos blogs, impide comentar

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR