@ivankalita

Как сверстать данный элемент навигации?

Делаю переходы между дочерними компонентами во Vue.js, необходимо сверстать следующий макет навигации. Можно чистым CSS, можно как компонент Vue.js, если есть иные варианты, буду рад узнать. Основными требованиями являются:
1. При наведении на другую вкладку, серый ползунок плавно переходит под курсор мыши;
2. Адаптивность (т.к. проект верстается под мобильник и используется Bootstrap, т.е. размеры синего и серого блоков пропорционально уменьшаются при сжатии экрана);
Требуется:
5cdd7fe73818a848438862.png
На данный момент (tabs навигация от Bootstrap):
5cdd8052052d2319168626.png
  • Вопрос задан
  • 468 просмотров
Решения вопроса 1
joeberetta
@joeberetta
1. Муж; 2. Frontend разработчик; 3. Студент
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы