w3bsme
@w3bsme
Интересное хуже

Как сделать такое же плавное перетекание активной полоски?

https://agmstudio.io/themes/material-style/1.5/com...
Вот ссылка, спускаемся до5b396fb4d3550909918133.png и нажимаем на элементы таба, как сделать эту анимацию на JS? Или на чём она?

Желательно это всё показать/сделать на ванильном JS.

upd: тостер не болей <3
  • Вопрос задан
  • 449 просмотров
Пригласить эксперта
Ответы на вопрос 4
@SergeiB
Насколько я помню, такой эффект называется lava lamp. Погуглите.
Ответ написан
Anubis
@Anubis
Люблю корейскую кухню и веб-разработку
1) Абсолютно позиционируем полоску, даём ей transition на all (потом можно точнее указать на какие именно свойства при желании), указываем желаемые время перехода и easing
2) Даём ей transform: translateX(0) и width равный ширине начальной активной вкладки
3) При клике на вкладку замеряем её ширину и offset.left, скармливаем полоске css transform: translateX(полученный offset.left) и width: полученная ширина выбранной вкладки

Вуаля
Ответ написан
Ваш ответ на вопрос

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

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