Возможно ли сделать такую фигуру на CSS?

Question

[habaka]

У меня вопрос, можно ли сделать подобную фигуру с помощью стилей, и если нет, то какие есть альтернативы?

Comments

[Пашенька]

Жму руку дизайнеру. Молодец! Не как у всех!

[Ankhena]

У меня вопрос, можно ли сделать подобную фигуру с помощью стилей

Можно, с помощью псевдо.

то какие есть альтернативы

SVG, clip-path

Answer 1

[zombtron]

Типа так:

<div class="figure"></div>
<style>
.figure {
    width: 250px;
    height: 50px;
    background-color: orange;
    border-radius: 15px;
	position: relative;
}

.figure:before {
    content: '';
    width: 234px;
    height: 25px;
    background-color: orange;
    display: block;
    position: absolute;
    left: 8px;
    top: 35px;
    border-radius: 50%;
}
</style>

с размерами, пропорциями, градиентом и пр. свистоперделками разбирайтесь сами. )