Как реализовать этот эффект hover?

Question

[Антон Плашкевич]

Добрый день , сижу ломаю голову , нужно получить такой с помощью hover.

https://codepen.io/anon/pen/JNXPNG , не понимаю как это можно сделать, буду благодарен за помощь, ибо только учусь вёрстке.

Comments

[alex]

состояние по дефолту какое?

[Максим Тимофеев]

Такой из какого? Что меняться должно?

[Антон Плашкевич]

Максим Тимофеев: по дефолту идёт простая картинка кольцо и под ней текст, без эффектов вообще, а надо чтоб этот див обёртывался в границу как на скриншоте

[Максим Тимофеев]

Антон Плашкевич: А В чем проблема? Это же элементарно.

[Антон Плашкевич]

Максим Тимофеев: разобрался, криво обернул html код, вот и проблемы начались

Answer 1

[Froggyweb]

https://codepen.io/anon/pen/rmeBKa