Как сделать необычную рамку при наведении на элемент?

Question

[Kirakami61]

Как лучше реализовать такую рамку при наведении на элемент?

Answer 1

[AlexKeller]

https://jsfiddle.net/pyjegpby/1/

Answer 2

[Сергей ZSA]

div внутри которого div внутри которого картинка. У каждого из div есть свои before и after расположенные в нужных местах (естественно через position: absolute ). Это самое простое наверно что можно сделать. Можно также отрисовать эти линии путем svg если хочется повозиться. Думаю, есть 3 вариант, но точно сейчас его вам не вспомню))