Curved navbar and section

Community resources General
1

Hello everyone,
I’d like to achieve something that I can’t achieve.

My wish would be to have the bottom of my containers curved. That it is not a basic container type rectangle (a rectangle) but that the bottom of it is curved (see image 1 and the red represents the addition I would like to make)
I tried to find a solution by adding a PNG image that I added in my section in relative mode and moved so that this image is at the bottom of my container (see image 2) but I don’t think this is the best way.
Anyone have an idea?

Thank you very much for the help!

Here is a link read-only :https://preview.webflow.com/preview/parabole?utm_medium=preview_link&utm_source=designer&utm_content=parabole&preview=afc194ec0b99fad9a15ffb02572a50d2&mode=preview

image_1
image_12961×1663 152 KB
image_2
image_22925×1647 348 KB

2

It is usually easier to use SVG’s for this approach as they are typically smaller and scale perfectly. I prefer to use code embeds versus SVG images but that’s me.

3

Hi Jeff,

Thank you for the answer. How would you do that in code embed ?
Thank you.

Alex

4

If you are not familiar with using SVG’s then I suggest reading up on the subject. Basically you take the SVG code, edit it as needed, paste it into a code embed where you want it to be rendered.

SVG Tutorial - SVG: Scalable Vector Graphics | MDN (mozilla.org)