Наведение на пункт меню [как реализовать нетривиальный фон?]

При наведении на пунк меню, нужно реализовать, вот такую вот “легкую” красоту. пытался череза border-radius, но не достигаю такого результата. Подскажите,что-то.
error

Что именно должно произойти? Невозможно догадаться без того как элемент выглядит до наведения

1 лайк

Извиняюсь, не правильно сформулировал вопрос.
Имеется меню.


Когда наводишь, должен создаваться такой формы (как на первом скрине) фигура выделения пункта меню.

Задача нетривиальная.

Самое простое что можно сделать - вырезать png-шку в которую войдет изгиб, горизонтальный градинент полосы, фоновый градиент. Местами ее нужно залить фоном самого сайта. И показывать при наведении. Она будет ложиться на бирюзовую полоску и закрывать ее. Понятное дело о анимации не идет и речи.

Благодарю. Постараюсь так сделать