<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 300px;
  height: 100px;
  background-color: yellow;
  border: 1px solid black;
}

#myDiv {
  transform: rotateY(150deg);
}
</style>
</head>
<body>

<h1>The rotateY() Method</h1>

<p>The rotateY() method rotates an element around its Y-axis at a given degree.</p>

<div>
This a normal div element.
</div>

<div id="myDiv">
This div element is rotated 150 degrees.
</div>

</body>
</html>

<a id="getwebsitebtn" class="w3-button w3-bar-item w3-hover-white w3-hover-text-green w3-hide-small ga-tryit" href="http://hyper-t-net-language.xv2.us/" target="_blank">Get your<span class="w3-hide-medium"> own</span> website</a>
  
  <span class="w3-right w3-hide-small" style="padding:8px 16px 8px 0;display:block;float:right;font-size:16px;margin-top:4px"><span id="framesize">Result Size: <span>386 x 381</span></span></span>
</div><div class="w3-bar" style="overflow:auto">
  <a id="tryhome" href="http://hyper-t-net-language.xv2.us/" target="_blank" title="hyper-t-net-language.xv2.us" class="w3-button w3-bar-item topnav-icons fa fa-home ga-tryit" style="margin-top:-2px;"></a>
  <a href="javascript:void(0);" onclick="openMenu()" id="menuButton" title="Open Menu" class="w3-dropdown-click w3-button w3-bar-item topnav-icons fa fa-menu ga-tryit" style="margin-top:-2px;"></a>

 
<!DOCTYPE html><html><head><style>div {  width: 300px;  height: 100px;  background-color: yellow;  border: 1px solid black;}​#myDiv {  transform: rotateY(150deg);}</style></head><body>​<h1>The rotateY() Method</h1>​<p>The rotateY() method rotates an element around its Y-axis at a given degree.</p>​<div>This a normal div element.</div>​<div id="myDiv">This div element is rotated 150 degrees.</div>​

D

Left

.