For my final project in a web design class, we were tasked with creating a website that showcases our skills. I've completed the assignment and now I want to add some interesting features to make it stand out.
I'm interested in using -webkit-transform: rotate(-4deg) on the body element.
Could someone guide me on how to achieve this effect using a JavaScript function? I've tried applying it to the body background before, but I'm having trouble making it work.
Here is the code snippet that I attempted:
function rotatepage() {
document.body.style.-webkit-transform = rotate(-90deg);
}
and
function rotatepage() {
document.body.style = -webkit-transform:rotate(-90deg);
}
Any suggestions or solutions? Is what I'm trying to do even possible?