Как сделать такой бордер у фото?

Question

[Артем Колчин]

Есть такой блок, с помощью clip-path сделал его ромбом. А вот как сделать бордер серый такого плана?

Comments

[xdevelx]

Если сделали блок ромбом, то труда не составит сделать его псевдоэлемент тоже ромбом, разместить его за блоком и увеличить в размерах на величину рамки.

Answer 1

[Vladislav]

Если есть дизайнер, пусть вытащит вам рамку, далее её в блок фоном, делаете блок нужных размеров и внутрь блока кладёте img товара, примерно такой вариант, главное задать размер img тоже, что не налезал на края блока с рамкой