How to make 3-corner-rounded triangle in CSS

Question

I\'d like to achieve a custom-colored shape like this using no Javascript:

Curren

Answer 1

Use an image of some sort. That's what images are for. If you need it to scale, SVG is a good choice, otherwise, just use a png as a background, or an element if it's part of content.

If you absolutely must have it in a CSS file, you could try data: urls (not supported in IE7 and below).