CSS rotate moves DIV from side of page

Question

I\'m trying to create a side tag, as found here in it basic form. http://www.firstforturf.co.uk/quotation.php

I\'m trying to do as much of it as possible using CSS rathe

Answer 1

Use transform-origin:

-moz-transform-origin: 20px;
-ms-transform-origin: 20px;
-o-transform-origin: 20px;
-webkit-transform-origin: 20px;
transform-origin: 20px;

Answer 2

Take a look at -webkit-transform-origin. As your element is fixed, you may need to amend the transform origin accordingly.

Answer 3

You can use transform-orign:

transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin:20% 40%; /* Safari and Chrome */
-moz-transform: rotate(45deg); /* Firefox */
-moz-transform-origin:20% 40%; /* Firefox */
-o-transform: rotate(45deg); /* Opera */
-o-transform-origin:20% 40%; /* Opera */

try this link