CSS/JS/HTML：JS旋轉整頁的函數？

好的，所以對於我在網絡課程中的最終決定，我們只是想讓網站做我們所做的任何事情。我現在完成了，並決定添加一些有趣的東西。CSS/JS/HTML：JS旋轉整頁的函數？

我想用-webkit-transform: rotate(-4deg);在身體上。

我該如何在javascript函數中做到這一點？我之前用身體背景做過，但是我無法讓它工作。

這裏是我的嘗試：

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

和

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

任何想法？這可能嗎？

來源

2012-05-24 user802609

呃，爲什麼現在沒有人再看到明顯的語法錯誤？ – ThiefMaster

[如何使用Javascript動態設置樣式-webkit-transform]可能的重複（http://stackoverflow.com/questions/708895/how-to-set-the-style-webkit-transform-dynamically-using- javascript） –

我認爲這個問題是重複的。在這裏找到可能可以幫助你與此：http://stackoverflow.com/questions/708895/how-to-set-the-style-webkit-transform-dynamically-using-javascript – Kannika

你必須在你使用任何瀏覽器進行試驗，但我發現，款式被命名爲這樣的，我需要改變document.body.style.MozTransform="rotate(4deg)"，這意味着您需要一個公平的機會正在改變document.body.style.WebkitTransform = rotate(-90deg);

記住，JavaScript非常不喜歡的東西就像在變量名'-' ...

來源

2012-05-24 06:57:00 zebediah49

爲什麼downvote？ – zebediah49

Today I learned：

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

Fiddle'd

來源

2012-05-24 07:11:31

CSS/JS/HTML：JS旋轉整頁的函數？

回答

相關問題