CSS фигуры: слеза
создаем слезу с помощью CSS
Забавно, но слеза является вариантом формы глаза
<div class="tear"></div>
Достаточно просто изменить радиус контура: увеличить radius в положениях top-right, botton-right, bottom-left, чтобы получить круглую форму, и привести его к нулю для top-left, чтобы он заканчивался точкой:
.tear {
width: 300px;
aspect-ratio: 1;
background: black;
rotate: 45deg;
border-radius: 0 50% 50% 50%;
}
Спасибо за внимание.
