Как сделать такое?

Question

[Alexfixer]

Как сделать такую фигуру на чистом css?

Comments

[Вадим]

Зависит от того, нужен ли соответствующий бордер.
А так варианты на выбор:
Clip-path
Svg (можно на css в base64 фоном)
Ну или поделить на 3 прямоугольника

[Elvis]

Вадим, а еще можно background-image xD

Answer 1

[Максим]

В общем, можно сделать как сказано выше, а можно нарисовать в svg и в сервисе конвертации svg to url перевести этот svg в фон и установить как background пример: https://codepen.io/topicstarter/pen/JjBPwxr

Answer 2

[Руслан]

Попробуй совместить несколько фигур
К примеру из двух прямоугольников

Answer 3

[Hemul GM]

Два прямоугольника со скрытыми частично сторонам. У левого скрыт правый бордер, у правого левый

Answer 4

[Beliyadm]

Абсолютно позиционированный псевдоэлемент, как вариант, правда, это не совсем фигура, но нужно понимать что будет внутри этого блока