third_party/WebKit/LayoutTests/fast/transforms/diamond.html

   1 <head>
   2 <style>
   3 div {
   4   width:100px;
   5   height:100px;
   6   background-color:skyblue;
   7   float:left;
   8   border: 5px solid black;
   9   margin:5px;
  10 }
  11
  12 .rotated {
  13   transform: rotate(45deg);
  14 }
  15 </style>
  16 <p>You should see three blocks below.  The middle one should look like a diamond because it has been rotated 45 degrees.</p>
  17
  18 <div></div>
  19
  20 <div class="rotated"></div>
  21
  22 <div></div>