An easy way to make a block with a curved line?

Question

css

Answer 1

I did it this way:
Parent {
transform: skewX(*deg); } To
son {
transform: skewX(-*deg); }
But I won't say that all browsers have good anti-aliasing, because the edges look far from ideal.

Answer 2

Why are you so dissatisfied with skew?
You can draw svg. It will be highly stretchable and not soapy.
You can contrive to draw triangles with a border on before/after elements, but you won't get such a narrow content block.

Answer 3

css3clickchart.com/#skew-transform