Как сделать чтобы выделение перетекало?

Question

[Евгения]

Есть задача сделать такой эффект, чтобы выделение между активными элементами как бы перетекало. Я попробовала решить при помощи анимации фона, определения в JS кто где стоит и накидывания классов.
Проблема в том, что фон дергается и код ужасно длинный для такой ерунды. Быть может есть способ сделать такое только на CSS? или просто более хорошее решение?

Comments

[historydev]

покажите результат который вы ожидаете или скрин из фигмы

[Евгения]

historydev, результат: чтобы создавалось ощущение, что выделение уезжает с ранее активного пункта на новый. Макета нет, есть описание)

Answer 1

[Сергей delphinpro]

Самое простое решение - двигающаяся плашка на фоне (позади пунктов).