How to achieve this Div shape?

[Magic]

Hey,

Is there a way to get a div to be shaped like this through clipping or some other way?

Cheers

 

[TesoMayn]

You can do that with transform (

You must be registered for see links

)

And clip-path (

You must be registered for see links

)

 

[Magic]

You can do that with transform (

You must be registered for see links

)

And clip-path (

You must be registered for see links

)

Is it possible to make those curves? I've seen people make shapes and clip paths for rigid shapes but haven't found any code for an example with smooth curves like the image above.

 

[TesoMayn]

I'm sure it is, I've never done it so not sure exactly what the CSS would be.

 

[Magic]

Is anyone able to pose that question with that picture on stack overflow? I am not allowed to post pictures yet due to my reputation being too low.

 

[RastaLulz]

How did you create the image? Can you convert it to an SVG? That way you'd accomplish the same as if you were to use CSS, as it would look crisp at any width (which I assume is your goal). You would then just use `background-image` to display it in a `div`.

 

[Magic]

How did you create the image? Can you convert it to an SVG? That way you'd accomplish the same as if you were to use CSS, as it would look crisp at any width (which I assume is your goal). You would then just use `background-image` to display it in a `div`.

Good point, I made it using Adobe XD so that might be an option. I'll give it a go.

EDIT: @bigdawg XD allowed me to export it as an SVG and I added it as a background. Cheers for the tip