Как сделать такой border на css?

Question

[ne_mo]

В макете psd есть бордер (скриншот внизу), подскажите пожалуйста как называется такой border, чтобы можно было самому погуглить и посмотреть, и как можно реализовать подобный бордер средствами css.
Сам думаю, что сделать его через background-image, но при наведении он должен же будет цвет менять.

Заранее благодарен.

Comments

[Negwereth]

Очень большая картинка, перезалейте поменьше

[Ярослав Иванов]

Negwereth:

[Negwereth]

Ярослав Иванов: да, так гораздо лучше, спасибо

Answer 1

[Ivan Bogachev]

Вот как то так.

Comments

[Иван]

а где можно про такое почитать?

[Ivan Bogachev]

Иван: Затрудняюсь ответить, я к подобным трюкам пришел постепенно методом научного тыка - смотрел демки на CodePen, брал какие-то идеи, делал свои (там часто люди делают что-то "потому, что могут" - извращают какую-нибудь технологию до неузнаваемости и по чистой случайности получают полезный результат). Порекомендовал бы и вам регулярно следить за новыми и популярными демками и собирать идеи оттуда.