Eksempel 1
Dette elementet er satt til å være rotert -10grader med følgende
stilangivelse:
.rotated1
{
margin-left:50px;
width:400px;padding:10px; background-color:white;
border:1px solid gray;
box-shadow: 5px 5px 5px #888888;
transform:rotate(-10deg);
-webkit-transform:rotate(-10deg);
}
Eksempel 2
Dette elementet er satt til å være rotert 20 grader med følgende
stilangivelse:
.rotated2
{
margin-left:250px;
width:400px;padding:10px; background-color:white;
border:1px solid gray;
box-shadow: 5px 5px 5px #888888;
transform:rotate(20deg);
-webkit-transform:rotate(20deg);
}
Eksempel 3
Dette elementet er satt til å være rotert 180 grader med følgende
stilangivelse:
.rotated3
{
margin-left:0px;
width:400px;padding:10px; background-color:white;
border:1px solid gray;
box-shadow: -5px -5px 5px #888888;
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
Eller du kan jo prøve denne:
function togglePageRotation(styleClass){
var elt=document.querySelector("body");
elt.classList.toggle(styleClass);
}
Med dette stilsettet:
.rotated0A
{
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
