Tworzysz dla każdego "łuku" dodatkowy element blokowy, który jest wewnątrz tego "łuku". Łukowi dodajesz pozycje relatywną a temu dodatkowemu elementowi blokowemu absolutną i bawisz się z szerokością ( oczywiśćie dodajesz mu display: none; lub opacity: 0; visibility: hidden; ). Do "łuka" dodajesz jeszcze pseudoelement :hover w którym zawierasz ten element blokowy i dajesz mu display: block; lub opacity: 1; visibility: visible; ). Jakieś pytania? Pytaj :)