Foros del Web » Creando para Internet » CSS »

Escalar horizontalmente texto

Estas en el tema de Escalar horizontalmente texto en el foro de CSS en Foros del Web. Hola! Me gustaría saber como puedo escalar horizontalmente un texto con CSS. Ej. Tengo un texto Arial con 18px de tamaño, pero quiero escalarlo al ...
  #1 (permalink)  
Antiguo 22/09/2009, 05:57
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Pregunta Escalar horizontalmente texto

Hola!

Me gustaría saber como puedo escalar horizontalmente un texto con CSS.

Ej. Tengo un texto Arial con 18px de tamaño, pero quiero escalarlo al 130% de su tamaño en horizontal.

Se puede hacer de alguna manera?

Saludos
  #2 (permalink)  
Antiguo 22/09/2009, 09:44
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Escalar horizontalmente texto

mmm a que te refieres con "escalar" con manzanitas por favor...
  #3 (permalink)  
Antiguo 22/09/2009, 09:58
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Escalar horizontalmente texto

Me refiero a lo siguiente:

Texto sin escala horizontal


Texto escalado horizontalmente al 130%


Si conoces el photoshop, te será más facil reconocerlo (U cualquier otro programa de diseño) por el icono que marco en rojo(pincha en la imagen para verlo mejor):

  #4 (permalink)  
Antiguo 22/09/2009, 10:07
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Escalar horizontalmente texto

no veo por que ser especificos en cuanto a la medida, otra cosa con css no se puede pero, hay una opcion que es el "espacio" entre letras y da el mismo efecto (segun yo) y puedes usar el letter-spacing que sientas necesario.

Código css:
Ver original
  1. h1 {letter-spacing:2px}
  2. h2 {letter-spacing:-3px}
  #5 (permalink)  
Antiguo 22/09/2009, 10:11
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: Escalar horizontalmente texto

Hola eso lo puedes lograr dandole en el css letter-spacing, busca un poco sobre eso!!! espero te sea de ayuda!!
  #6 (permalink)  
Antiguo 22/09/2009, 10:23
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Escalar horizontalmente texto

Hola!

Gracias por la ayuda, he probado con letter-spacing anteriormente al post, pero no da el mismo resultado...ya que lo unico es que da un espacio entre letras, pero si nos fijamos en las imagenes de arriba, aparte del interespaciado, tambien escala la letra...es posible que haya alguna otra posibilidad de conseguirlo?

Un saludo, gracias!
  #7 (permalink)  
Antiguo 22/09/2009, 15:41
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Escalar horizontalmente texto

Hola:

Me temo que no o por lo menos no lo he leído nunca, creo que la mejor solución sería hacerlo con una imagen.

Saludos.

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 04:39.