Lol!

Got 8 downvotes on stackoverflow and a bunch of comments saying I have to write code before posting a question...

Bunch of naggers out there

Got to agree partialy with them. If you ask questions without trying to figure things out by yourself that makes you duche asking them to give the code. However I realize there may be situation when you are not able to code at all, but theoretical questions are not really welcome on SO.

@blem14 yeah I can understand! I was quite surprised how fast the downvotes thing was going on, also 3 people marked it as too broad before I knew it 😂

What was your question?

@Hammster https://stackoverflow.com/questions...
I couldn't find a way to clip curved

Stackoverflow is actually right there, its a place that helps you with a coding issue, but not with opinions, prefered architectures or development patterns :P

For comparison your question sounds like asking "how can i make a facebook clone with php"

But this here is not Stackoverflow and my wild guess to solve this issue are SVG's since CSS will not allow for such effects without predefined shapes. Also do you want to animate it?

@Hammster thanks for answering. I was indeed thinking about an svg but a colleague said it could definitely be done with css.

It's all about proving him wrong 🤔

Well you would use CSS to animate and style it, but the HTML model only has boxes.

So to be a little more precise you should try individual gradients with rgba as background of each moving/blending element. The transperancy of rgba allows you to have a nice clip/blend.

You could aplly this to a html element but as said just in box shapes, circles or n-gons but not curves. For that you need bezièr curves and thos are SVG only