Как реализовать такой border у блока или изображения?

Question

[alexeeey_kuznetsov]

Здравствуйте! До конца не могу понять как сделать такой border у div или в другом случае у img.

Пробовал через border+padding - с двух сторон нормально, с других нет, так как нельзя указывать отрицательный padding.
Через псевдоэлементы не до конца понимаю как это реализовать. Желательно, конечно, чтобы рамка эта была адаптивной.
Надеюсь на помощь!
Жду ответов. Заранее спасибо!

Answer 1

[Andrej Sharapov]

Скорее всего это сделано через ::after

Comments

[alexeeey_kuznetsov]

В этом у меня и проблема)
Я понимаю, что реализовано через псевдоэлемент, только как конкретно не понимаю.
Думал просто задать псевдоэлементу 100% ширину и высоту и указать для него уже border с нужными свойствами, но не получилось, может что-то напутал.

[Andrej Sharapov]

alexeeey_kuznetsov, добавил песочницу

[alexeeey_kuznetsov]

Да-да, возможно, что-то напутал, спасибо большое!
Оказывается думал всё так)