Граница HTML и CSS ⇐ Html

[Anonymous]

Как я могу реализовать карты, как те, на картинке? Карта должна иметь обрезанные углы, и эти порезы также должны иметь адаптивную границу. Большое спасибо за вашу помощь! https://i.sstatic.net/WA8mH3wX.jpg
I know how to clip the card itself, but I have no idea how to add a border.
Here’s the code I’m using to clip the card:
clip-path: polygon(
0 0,

calc(100% - 40px) 0,
100% 40px,
100% 100%,

40px 100%,

0 calc(100% - 40px)
);
-webkit-clip-path: polygon(
0 0,

calc(100% - 40px) 0,
100% 40px,
100% 100%,

40px 100%,

0 Calc (100% - 40px)
); < /p>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ccs-border