Владимир

SVG-спрайт + <use />.

Градиент — элемент ::after с абсолютной позицией, залитый градиентном и opacity.
Меню — вложенный элемент с display: none, который показывается при :hover на контейнере.

Пожалуйста:
https://codepen.io/vovaspace/pen/dKovej

Насколько я помню, необязательно делать на float, можно на flex. Но это не точно :)

В комментариях правильно говорят: надо велосипедить на js.