Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de mitad de la letra de un color y la otra mitad de otro color en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/08/2011, 19:45
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 8 años, 5 meses
Puntos: 35
mitad de la letra de un color y la otra mitad de otro color

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
  1. =========================             ----------
  2.            ||                        |
  3.            ||                        | Esta mitad de un color
  4.            ||                        |
  5.            ||                        |
  6.            ||                        ----------
  7.            ||                        |
  8.            ||                        | Esta mitad de otro color
  9.            ||                        |
  10.            ||                        ----------
Como se podria resolver con css
__________________
I am Doyle please insert code.
  #2 (permalink)  
Antiguo 20/08/2011, 06:40
raulfw
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: mitad de la letra de un color y la otra mitad de otro color

Lo unico que se me ocurre es lo siguiente:

- Edita una tipografia.

- Anadela con CSS 3
  #3 (permalink)  
Antiguo 21/08/2011, 04:34
 
Fecha de Ingreso: agosto-2011
Mensajes: 28
Antigüedad: 5 años, 3 meses
Puntos: 3
Respuesta: mitad de la letra de un color y la otra mitad de otro color

Buenas doylelives,
Lo más sencillo es que use una imagen para algo como eso.
Un saludo.
  #4 (permalink)  
Antiguo 21/08/2011, 08:15
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 8 años, 5 meses
Puntos: 35
Respuesta: mitad de la letra de un color y la otra mitad de otro color

Bueno vere como implemento eso ;)
__________________
I am Doyle please insert code.
  #5 (permalink)  
Antiguo 23/08/2011, 19:55
 
Fecha de Ingreso: septiembre-2008
Mensajes: 25
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: mitad de la letra de un color y la otra mitad de otro color

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!!!
  #6 (permalink)  
Antiguo 23/08/2011, 19:56
Avatar de elpatriarcaxxx  
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 38
Antigüedad: 7 años, 4 meses
Puntos: 1
Respuesta: mitad de la letra de un color y la otra mitad de otro color

Puedes hacer una capa que englobe todo el texto y ponerle con css3 un fondo con degradado usando -moz-linear-gradient.
  #7 (permalink)  
Antiguo 24/08/2011, 08:38
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 8 años, 5 meses
Puntos: 35
Respuesta: mitad de la letra de un color y la otra mitad de otro color

Y todo esto seria compatible con IE7 ;)
No se porque pero la los usuarios siguen usandolo...
__________________
I am Doyle please insert code.

Etiquetas: color, letra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:25.