Forum How do I...?

Transform not working

talyrobin
I want to transform my watermark the opposite directions (-45deg), but if I do so it doesn't print. I can do 45deg as in the attachment but not -45. Please advise.

I am using:

@top-center
{
content: string(watermarktext);
padding: 0;
color: rgba( 0, 0, 0, 0.05 );
font-family: timesnewroman;
font-size: 32pt;
margin: -100px 0 0;
transform: rotate(45deg) scale( 2 ) ;
transform-origin: 0 0;
}
  1. Capture.PNG5.0 kB
mikeday
What if you specify 315deg?
talyrobin
Doesn't print anything.

@top-center
{
content: string(watermarktext);
padding: 0;
color: rgba( 0, 0, 0, 0.05 );
font-family: timesnewroman;
font-size: 32pt;
margin: -100px 0 0;
transform: rotate(315deg) scale( 2 ) ;
transform-origin: 0 0;
}
talyrobin
I found the issue. This worked! Thank you

transform: rotate(-45deg) scale( 2 ) ;
transform-origin: 100% 0;