How to impose an element in the form of a drop?

Question

Advise how or help to create such an ellipse

Nicolas Chabanovsky ♦ 38.1k 54 gold marks 222 silver marks 438 bronze marks · Accepted Answer · 2016-03-15T13:29:57

Try this:

.vashElement { border-radius: 50% 0 50% 50%; }

Nicolas Chabanovsky ♦

38.1k 54 gold marks 222 silver marks 438 bronze marks

Shuhratjon Jumaev

555 3 silver marks 19 bronze marks

This example is not 100% repeating the given image, but if the author fits, then ok) - Boris Pobezhimov
Yes you are right. The result will be similar to 99%. @ Boris - Shuhratjon Jumaev

|

sagan sagan 534 3 silver marks 17 bronze marks · Answer 2 · 2016-03-15T22:00:34

Well, to be completely precise, it can be done this way:

 .cls{ height: 100px; width: 100px; border: 1px solid lightblue; background: lightblue; border-radius: 100% 0% 100% 100%; }

 <div class="cls"></div>

2 answers 2