How to highlight menu buttons with a line?

Question

Design

Attention programmers. Good day! How to easily write code to highlight menu buttons? When you hover over the cursor, dynamic bottom and top lines appear as shown in the figure. Thank you in advance for your help.
refur.tefox.net

Answer 1

Do you need the menu items to be like in the picture? c top and bottom were white stripes?

Answer 2

Learn to use the console:
Normal style:

left: 50%;
right: 50%;
content: "";
position: absolute;
top: 0;
bottom: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
opacity: 0;

On hover:

left: 0;
right: 0;
width: auto;
opacity: 1;

Usually all these things are hung on :before/:after elements, in the web inspector you can trigger "hover" events by clicking on the element and it's very easy to find out how something is done.