How to make a css drop shape?

Question

css

How to make a css blob shape where the block width is NOT equal to the height?

Answer 1

a bunch of options

Answer 2

Isn't it easier to draw in SVG?

Answer 3

You make the element round. To do this, make the width and height equal.
You can dynamically change them with scripts. An isosceles triangle with the help of before, you connect the leg with the other leg of the triangle with the help of after. It turns out an equilateral rectangle.
And you rise above the circle with this structure.
Or a code and an example of a task in the studio, let's think of something)