title: Css transform (triangle)
body: <p>i don't know how to rotate triangle shape in css2, here i have used css like,</p>
  
  <p><strong>HTML:</strong> </p>
  
  <pre><code>&lt;div class="frontcornertop"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.frontcornertop {
   transition: none 0s ease 0s ;
   line-height: 39px;
   margin: 0px;
   padding: 0px;
   letter-spacing: 1px;
   font-weight: 600;
   font-size: 30px;
   left: -345px; 
   border-right: 0px solid transparent; 
   border-bottom-color: rgba(51, 51, 51, 0.5); 
   border-width: 345px 0px 345px 345px;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/RKf49.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RKf49.png" alt="it will produce like,"></a></p>
  
  <p>but i need like,</p>
  
  <p><a href="https://i.stack.imgur.com/WWzkh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WWzkh.png" alt="enter image description here"></a></p>
  
  <p>height 350px</p>
  
  <p>how can i rotate this ??</p>
  
  <p>Thanks.</p>