new

by anil001ry

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Rotation Trick</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="2-rotate.css" rel="stylesheet">
  </head>
  <body>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>
    Nunc quis aliquam sem. <br>
    Duis sodales nibh sed justo posuere consequat. <br>
    Ut at posuere nibh, a placerat mauris. Proin ut lobortis risus. <br>
    Phasellus et nisl libero. <br>
    Quisque blandit ante vel neque dapibus commodo. <br>
    Vivamus non arcu ut lorem hendrerit ornare nec at nisl. <br>
    Praesent id risus placerat, mattis diam sit amet, ultricies tortor. 
  </body>
</html>

CSS

@media only screen and (orientation:portrait){
  body {
    height: 100vw;
    transform: rotate(90deg);
  }
}

JavaScript

function mySandwich( callback) {
  console.log('Started eating my sandwich. It has: '  + ', ' );
  callback();
}

mySandwich( function() {
  console.log('Finished eating my sandwich.');
});