title: css3 corners with different angles and shapes
body: <p>On my [DEMO][1] below, I've been busy developing all the styles. but not able to do it properly only using css3.
  Have you got a quick or nice way to do it only in CSS3? So I can make them more dynamic?
  Thanks.</p>
  
  <p><img src="https://i.stack.imgur.com/BAmrO.png" alt="buttons and shapes"></p>