Как сделать такое меню CSS JQuery?

Question

[Alli03]

Приветствую) Знающие подскажите пожалуйста как сделать такое меню под средствами CSS или JQuery? Именно не могу понять как сделать бордеры при наведении что бы они перекрывали бордеры основного блока.
И ещё может кто знает как сделать эффект :hover как бы скользящим?
Буду безмерно благодарна за помощь :0)

Answer 1

[WQP]

как сделать бордеры при наведении что бы они перекрывали бордеры основного блока.

Можно с помощью after и before это сделать, без jQuery

И ещё может кто знает как сделать эффект :hover как бы скользящим?

Как я понял при наведении вам надо плавно перемещать border. Для этого на событие hover надо поставить обработчик который будет двигать блок с полосками (нужно будет вычислить координаты блока).

Answer 2

[Андрей Федоров]

С бордюром можно так - codepen.io/aliencash/pen/pbGNXG