Este equipo redactor ha estado horas investigando la solución a tu pregunta, te regalamos la respuestas así que nuestro objetivo es servirte de gran apoyo.
Ejemplo 1: rotar texto css
.text/* Browsers not below */transform:rotate(-90deg);/* Safari */-webkit-transform:rotate(-90deg);/* Firefox */-moz-transform:rotate(-90deg);/* Opera */-o-transform:rotate(-90deg);/* IE */-ms-transform:rotate(-90deg);
Ejemplo 2: rotación de texto css
.rotatetransform:rotate(-90deg);/* Legacy vendor prefixes that you probably don't need... *//* Safari */-webkit-transform:rotate(-90deg);/* Firefox */-moz-transform:rotate(-90deg);/* IE */-ms-transform:rotate(-90deg);/* Opera */-o-transform:rotate(-90deg);/* Internet Explorer */filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
Ejemplo 3: rotación de imagen con css
divwidth:80px;height:80px;background-color:skyblue;.rotatedtransform:rotate(45deg);/* Equal to rotateZ(45deg) */background-color:pink;
Ejemplo 4: css rotate
/* In body of html doc */
Normal
"rotated">Rotated
Ejemplo 5: css rotar texto
/* Answer to: "css rotate text" *//*
If what you are looking for is a way to set type vertically,
you’re best bet is probably CSS writing-mode, here's a link:
writing-mode
If you’re just trying to turn some text, you can rotate entire
elements like this, which rotates it 90 degrees counterclockwise:
*/.rotatetransform:rotate(-90deg);/* Legacy vendor prefixes that you probably don't need... *//* Safari */-webkit-transform:rotate(-90deg);/* Firefox */-moz-transform:rotate(-90deg);/* IE */-ms-transform:rotate(-90deg);/* Opera */-o-transform:rotate(-90deg);/* Internet Explorer */filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/*
For more information go to:
Text Rotation
*/
Reseñas y puntuaciones
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)