Как обрезать угол?

Question

[mr jeery]

Мне нужно обрезать один угол и выставить border, как на фото.


Нашел такой способ, но border: solid black 4px работает не правильно с ним.

background: linear-gradient(135deg, transparent 45px, white 0) top left;

Comments

[Иван]

svg || canvas

[mr jeery]

Иван, а проще никак ?

[tema_sun]

Что значит неправильно? Код где?

[Ankhena]

но border: solid black 4px работает не правильно с ним.

mr jeery, Потому что в этом случае не border, а тоже градиенты.
Другой способ это наложение псевдоэлемента, либо повернутого, либо с этим самым градиентом в фоне.

Answer 1

[SunUp]

Так?