title: How do I achieve this animated underline effect on my menu bar?
body: <p>On <a href="https://www.raiffeisen.ro/" rel="nofollow noreferrer">this site</a>, when you hover over an element from the main menu (the white one), a yellow underline starts going from left to right. </p>
  
  <p><a href="https://i.stack.imgur.com/hOPbC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hOPbC.png" alt="enter image description here"></a></p>
  
  <p>Since I don't understand anything from inspecting the element, could you explain to me how can I achieve this effect?</p>