title: CSS background solid color diagonally?
body: <p>Is it possible in CSS to create a background to look just like this</p>
  
  <pre><code>.test {
  width: 0;
  height: 0;
  
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
  }
  </code></pre>
  
  <p>But I need a text to go over the diagonally. This is done by moving the border but I need it in background. 
  I know I can put an image but i really need to be CSS. 
  Thanks </p>