mitad de la letra de un color y la otra mitad de otro color

doylelives · #1 (**permalink**) 19/08/2011, 18:45

Hola a todos.
No se si se puede.
Deseo que un texto tenga la mitad de arriba de un tono y la mitad de abajo de otro.
Les grafico como ejemplo la letra 'T'

Código Javascript:

Ver original=========================             ----------
           ||                        |
           ||                        | Esta mitad de un color
           ||                        |
           ||                        |
           ||                        ----------
           ||                        |
           ||                        | Esta mitad de otro color
           ||                        |
           ||                        ----------

Como se podria resolver con css

#2 (**permalink**) 20/08/2011, 05:40

Lo unico que se me ocurre es lo siguiente:

- Edita una tipografia.

- Anadela con CSS 3

caotz · #3 (**permalink**) 21/08/2011, 03:34

Buenas doylelives,
Lo más sencillo es que use una imagen para algo como eso.
Un saludo.

doylelives · #4 (**permalink**) 21/08/2011, 07:15

Bueno vere como implemento eso ;)

Shamanet · #5 (**permalink**) 23/08/2011, 18:55

Se me ocurre utilizar un gradiente creado en algún editor de imagen, en PNG para que tenga transparencia y del mismo color del fondo del texto para que se pierda en el, ubicar el texto en una capa y la imagen sobre esta en otra capa con un z-index...

La ventaja de esto sería que sólo necesitas una única imagen para decorar todo el texto que quieras... la velocidad de carga de la página se vería muy favorecida.

Sólo una idea, me dejo pensando tu pregunta. Saludos!!!

elpatriarcaxxx · #6 (**permalink**) 23/08/2011, 18:56

Puedes hacer una capa que englobe todo el texto y ponerle con css3 un fondo con degradado usando -moz-linear-gradient.

doylelives · #7 (**permalink**) 24/08/2011, 07:38

Y todo esto seria compatible con IE7 ;)
No se porque pero la los usuarios siguen usandolo...