0

I have this html character:

<div class="rotate">&#62;&#62;</div>

I want this character facing down, for example.

I found this css, it seems not working.

.rotate{
webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

how to rotate? jsfiddle

Elyor
  • 5,396
  • 8
  • 48
  • 76

3 Answers3

3

If you're trying to rotate a span instead you need to change its display property.

.rotate-span {
  display: inline-block;
  transform: rotate(18deg);
}

.rotate-div {
  transform: rotate(-18deg);
}
<div class="rotate-div">&#62;&#62;</div>
<span class="rotate-span">&#62;&#62;</span>
crimson_king
  • 269
  • 3
  • 12
2

Replace webkit-transform: rotate(-90deg); by-webkit-transform: rotate(-90deg); there was typo you missed -.

Fiddle: https://jsfiddle.net/pzawLfgz/3/

Shrinivas Pai
  • 7,491
  • 4
  • 29
  • 56
1
.rotate{
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    }

https://jsfiddle.net/pzawLfgz/2/

and notice this:

It is important that after the special imagined to for old browser versions CSS commands generally comes last. This then the browser always delivers the last recognized command and the broadly defined is better than anything that can even slightly differ in their implementation. Therefore, please always structured as follows: from the particular to the general