This is an archived forum post. The information may be outdated. Contact us if you have any questions.

Rotate and Transform issue?

phpbits wrote on 2014-09-12:
Got another issue with the css3 transform and rotate. It's not showing when pdf was converted. Any thoughts? Thanks!
support wrote on 2014-09-12:
Here is an example that rotates text and an image.
      .rotate180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    <img src="" class="rotate180" />
    <p class="rotate180">
      Hello World
phpbits wrote on 2014-09-15:
Here is my css code :

position: absolute;
z-index: 99;
height: 75px;
overflow: hidden;
padding: 0px;
background: #81919b;
left: 30px;
color: #fff;
font-size: 30px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;

It's not showing on all pages. Ony the first one was generated. Thanks!
support wrote on 2014-09-16:

Could you please post the full HTML + CSS code that demonstrates the problem?