Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: OssoH en 18 Junio 2013, 18:25 pm

Título: Estirar texto verticalmente CSS
Publicado por: OssoH en 18 Junio 2013, 18:25 pm

Hola :
Quiero estirar verticalmente un texto.

He probado aplicando el siguiente CSS y solo me funciona en Firefox.

Código:

	-ms-transform:scaleY(1.2); /* IE */
	-moz-transform:scaleY(1.2); /* Firefox */
	-webkit-transform:scaleY(1.2); /* Safari and Chrome */
	-o-transform:scaleY(1.2);/* Opera */

¿cómo puedo tener el efecto en IE y Chrome?

Gracias.

Título: Re: Estirar texto verticalmente CSS
Publicado por: karmany en 19 Junio 2013, 17:42 pm

Te falta añadir sin prefijo:

Código:

transform:scaleY(1.2);

El anterior me funciona bien en IE 10

También puedes usar transform:scale(1,4);

En esta página puedes hacer pruebas y cambiar el código con el navegador que tú tengas:
http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform_scale (http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform_scale)

Título: Re: Estirar texto verticalmente CSS
Publicado por: OssoH en 19 Junio 2013, 17:48 pm

Gracias, acabo de comprobarlo y hoy si me funciona!! Que raro....
Gracias por el enlace!!

Solucionado