How to create rounded shape elements

Hi there,

how can I build a web design with rounded shapes in the background?

I want to archive a Design like this:

My plan is to build a custom theme by using the elementor theme builder , but actually this is more about basic CSS I guess.

It seems like i have to use clip-path? If that is so, is there a good tutorial for this topic?

Because Iā€™m a developer and no designer I would be very appreciate for some help! :slight_smile:


Hi chrismurauer, welcome to the forums! :slight_smile:

The corner roundings can be achieved with a border-radius applied to the container:

.container {
    border-radius: 20px:

More info at Mozilla Dev:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.