CSS/JS/HTML: JS Function to rotate full page?

Question

Okay, so for my final in a web class, we are just supposed to make a website do whatever we went. I'm done now and decided to add some fun stuff.

I want to use -webkit-transform: rotate(-4deg); on the body.

How can I do that in a javascript function? I have done it with the body background before, but I cannot get this to work.

Here is what I tried:

function rotatepage() {
    document.body.style.-webkit-transform =  rotate(-90deg); 
}

and

function rotatepage() {
    document.body.style =  -webkit-transform:rotate(-90deg); 
}

Any ideas? Is this possible?

I think this question is duplicated. find out here may can help you with this : stackoverflow.com/questions/708895/… — Kannika
– Kannika, Commented May 24, 2012 at 6:59
Meh, why does nobody see obvious syntax errors anymore nowadays? — ThiefMaster
– ThiefMaster, Commented May 24, 2012 at 7:14
possible duplicate of How to set the style -webkit-transform dynamically using Javascript? — Wladimir Palant
– Wladimir Palant, Commented May 24, 2012 at 7:37

Community · Accepted Answer · 2017-05-23 12:00:35Z

4

Today I learned:

document.body.style.setProperty("-webkit-transform", "rotate(-90deg)", null);

Fiddle'd

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered May 24, 2012 at 7:11

Oleg

25.1k8 gold badges64 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

zebediah49 · Accepted Answer · 2012-05-24 06:57:00Z

0

You'll have to experiment in whatever browser you're using, but I found that the styles were named such that I needed to change document.body.style.MozTransform="rotate(4deg)", which means there's a fair chance you need to be changing document.body.style.WebkitTransform = rotate(-90deg);

Remember, javascript very much doesn't like things like '-' in variable names...

answered May 24, 2012 at 6:57

zebediah49

7,6211 gold badge36 silver badges51 bronze badges

Collectives™ on Stack Overflow

CSS/JS/HTML: JS Function to rotate full page?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related