title: Making different shapes of buttons using css3
body: <p>I am having trouble with making triangle shaped button using css and it is bit buggy and how can i fix it?</p>
  
  <p>There is a fiddle here:
  <a href="https://jsfiddle.net/Adrianalings/jy11o85s" rel="nofollow noreferrer">https://jsfiddle.net/Adrianalings/jy11o85s</a></p>
  
  <pre><code>.btn {
      position: fixed;
      bottom: 50%;
      height: 0px;
      background-color:transparent;
      border-top: 15px solid transparent;
      border-left: 20px solid red;
      border-bottom: 15px solid transparent;
  }
  </code></pre>