Skip to main content
Question Protected by Temani Afif
edited tags
Link
TylerH
  • 21.3k
  • 84
  • 84
  • 121
edited tags
Link
web-tiki
  • 104.3k
  • 33
  • 226
  • 258
Source Link
Murray Rowan
  • 3.7k
  • 2
  • 23
  • 32

How to make 3-corner-rounded triangle in CSS

I'd like to achieve a custom-colored shape like this using no Javascript: 3 corner rounded triangle

Currently I'm overlaying an image of the 'frame' over an orange rectangular div, but this is pretty hacky. I suppose I could use a dynamically generated canvas element, but that not only requires JS, but HTML5 canvas support. Any ideas?