0

Bien, no se si esto es posible. Tengo un texto cualquiera, con una fuente X.

Lo que quiero es que estas letras se muestren en mi pagina pero estiradas... como alargadas... introducir la descripción de la imagen aquí

Algo asi... ¿alguna idea de cómo lograrlo?

2

1 respuesta 1

2

No es posible cambiar el alargar la palabra, pero puedes contraerla

con transform: scale() puedes hacer la letra con un font-size enorme y después cambiarle el width en scale, de esta forma la letra da la ilusión de estar estirada por ejemplo transform: scale(.1, 1);

.title1 {
  text-align:center;
  font-size: 300px;
  height: 110px;
  transform: scale(.1, 1);
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.title2 {
  font-size: 500px;
  height:350px;
  transform: scale(.1, 1);
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
<p class="title1">Hello</p>
<p class="title2">Autumn</p>

1
  • ¿Eres Dios? Muchas gracias! Me sirvió muchísimo! Commented el 14 oct. 2022 a las 18:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.