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.

<html>
  <head>
    <style>
      .rotate180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
      }
    </style>
  </head>
  <body>
    <img src="http://pdfcrowd.com/static/images/logo_opaque.png" class="rotate180" />
    <p class="rotate180">
      Hello World
    </p>
  </body>
</html>

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:

Hello,

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