How can I apply this SVG curve path to a div background or clip-path in CSS?
20:09 24 Nov 2025

mario kart header

I’m trying to create a header layout with a specific curved shape.

The small squares are SVGs, but I can’t reproduce the curved blue border using CSS clip-path.

Here is the path I want to apply to a white

:

M 0 300 L 350 300 C 400 300 400 250 450 250 L 800 250

I tried using clip-path: path("…"), but I can’t get the curve to match the SVG path.

How can I apply this exact curve to a div using CSS? Should I use clip-path or another technique?

css css-shapes clip-path