title: How to make diamond shape in html div using css3 without using background image...?
body: <p>I am making html of above image, I already tried several different ways using css3, html5 to implement this, but I think it is impossible without using background images.</p>
  
  <p><a href="https://i.stack.imgur.com/mycrn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mycrn.png" alt="diamond shape on image"></a></p>
  
  <p><sub>Source: <a href="http://ashteldemo.com/1231231.jpg" rel="nofollow noreferrer">http://ashteldemo.com/1231231.jpg</a></sub></p>
  
  <p>Can anyone suggest something about implementing this without background images?     </p>