Как сверстать такой элемент?

Question

[lefli]

Не совсем понимаю, как сделать такой блок. Есть мысль, что это должен быть псевдоэлемент, но есть проблема с тем, чтобы сделать треугольник пиксель в пиксель и со скруглённым углом.

Answer 1

[Moon Presence]

Если не особо заморачиваться, тогда например вот так:



Плюс минус совсем немного подогнать некоторые параметры под требуемый дизайн и всё.

Comments

[lefli]

Благодарю, вы мне очень помогли! :)

[Moon Presence]

lefli, рад что смог помочь. Удачи.

Answer 2

[Юрий]

Можно через псевдоэлементы + transform: rotate(45deg), но тогда скорее всего размеры псевдоэлемента придётся задавать в явном виде.

Я бы скорее всего просто сделал стрелку через SVG.