title: How to create a triangle in CSS3 using border-radius
body: <p>I am using border-radius property to acheive rounded corners. But I am not sure how to get rounded corners of this shape. I tried giving same dimensions from either sides but they just dont give me the exact shape. Am I missing some CSS3 property here. <br><br>  <img src="https://i.stack.imgur.com/qpmF0.jpg" alt="enter image description here"><br></p>
  
  <p>Just wondering if clip css property is the answer.</p>
  
  <p>UPDATE:</p>
  
  <p><a href="http://jsfiddle.net/YWnzc/136/" rel="noreferrer">http://jsfiddle.net/YWnzc/136/</a></p>