Как сделать сей декоративный элемент?

Question

[Anjey]

Доброго времени суток.
Подскажите, как лучше реализовать появление белой внутренней рамки, представленной на картинке ниже, при наведении мышки на блок с текстом?

Comments

[Александр]

.elem:hover .overlay { display: block или opacity: 1 }

Answer 1

[Владимир Проскурин]

Блок с абсолютным позицированием, который имеет верхний, правый и нижний бордер. Левый бордер реализуется через псевдоэлементы :before (с top: 0px) и :after (с bottom: 0px).

Comments

[Anjey]

Спасибо!

Answer 2

[Aleksey Solovyev]

Куча способов есть от плевдо-элементов до background...
Пусть будет самый тупорный: https://jsfiddle.net/aovpdwvz/2/