title: How to make rounded tabs with css?
body: <p>I'm wondering if it's possible to archive the following effect with CSS</p>
  
  <p><img src="https://i.stack.imgur.com/t6Ehw.jpg" alt="Tabs"></p>
  
  <p>I found these articles that kind of help but the problem is that in my case the tab sides are diagonal not straight vertical lines:</p>
  
  <p><a href="http://css-tricks.com/tabs-with-round-out-borders/" rel="nofollow noreferrer">http://css-tricks.com/tabs-with-round-out-borders/</a><br>
  <a href="http://css-tricks.com/better-tabs-with-round-out-borders/" rel="nofollow noreferrer">http://css-tricks.com/better-tabs-with-round-out-borders/</a></p>
  
  <p>Is it possible to do?</p>