Как сделать такой эффект наведения на css3 + jq?

Question

[Mary Солнечная]

Тут есть табы с интересной анимацией подчеркивания при переключении.

Вопрос - как можно сделать такое с пунктами меню в header при наведении и клике, но только на css+jq?
Проект очень простой, не вижу смысла только ради меню подключать react.

Comments

[Kovalsky]

Так у вас же в примере весь код и описан - и шаблон, и стили, и логика. Открывайте сгенерированный код, берите оттуда всё это, используйте

[Froggyweb]

там реакт вообще не при чем всю логику можно взять и переписать 1 к 1 на ванильный js

[Mary Солнечная]

Я с вами всеми согласна, просто я ОЧЕНЬ давно уже не программировала и знания уже утеряны, а сейчас есть необходимость и нужно БЫСТРО, поэтому прошу помощи :)

[Kovalsky]

Mary Солнечная, а чем конкретно помочь? В вашем примере из полоски с градиентом на фоне вырезается прямоугольник с помощью clip-path, границы прямоугольника переданы в виде глобальных CSS переменных.

[Mary Солнечная]

Kovalsky, спасибо за помощь, уже разобралась :)