i want reproduce same hover effect of picture attached 
this sketch , i'm not sure how start
this solution: http://codepen.io/thovo/pen/wxqpap
the idea can not use either border-bottom or box-shadow main li contain a, recommend go peuseudo class before or after same effect in picture.
edit1 borrowed html part @jacob
