SecurityYourFingers
@SecurityYourFingers
I make other things, but i know that without your

Как сделать анимацию для подчеркивания?

Привет. Есть вот такие табы 5bad11a9efa57831492083.png
Зеленое подчеркивание это border-bottom у каждой вкладки. Нужно сделать так, чтобы при переключении черта плавно переходила на активную вкладку.
Здесь пример того, как это должно выглядеть
Этот пример к сожалению для приложений на swift. А для web я таких примеров не могу найти((((

P.S. Подумываю вообще сменить этот таб на более простой, но не могу найти ничего более лучшего. Если у вас есть в запасе подобные библиотеки, буду признателен. Хотелось бы найти адаптивные табы, но шапка чтоб была в виде слайдера Пример
  • Вопрос задан
  • 693 просмотра
Решения вопроса 1
@real2210
Когда то давно делал на JQ может вас устроит
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
webinar
@webinar Куратор тега Веб-разработка
Учим yii: https://youtu.be/-WRMlGHLgRg
Зеленое подчеркивание это border-bottom у каждой вкладки. Нужно сделать так, чтобы при переключении черта плавно переходила на активную вкладку.

Делаем с помощью js и span например, иначе никак. Можно конечно и с border-bottom изратиться, но зачем?
Ловите клик по табу, читаете ширину ссылки таба и ее позицию, формируете анимацию.
Ответ написан
Комментировать
svistiboshka
@svistiboshka
живые веб интерфейсы
Если ширина разная то только с js. если одинаковая то можно и на чистом css сделать. но это вносит ряд ограничений. вам поможет гугл и фраза "lavalamp menu js"
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Искра Екатеринбург
от 80 000 до 100 000 ₽
Art gorka Санкт-Петербург
от 60 000 ₽
25 апр. 2024, в 12:20
15000 руб./за проект
25 апр. 2024, в 12:08
300 руб./за проект
25 апр. 2024, в 11:49
25000 руб./за проект