Самый простой способ через css анимацию просто анимировать ширину полосы в активном слайдере с таким же временем. Более сложный, но более точный это на анимированную полосу повесить событие отслеживающее окончание анимации и вызывать следующий слайдер, ну конечно еще нужно обвешаться кучей проверок и заглушек, но как концепция думаю понятно объяснил
pchela95, Что именно костыль? Задать высоту? Так работает большинство слайдеров, некоторые не позволяют даже делать адаптивную ширину, то что слик и свипер делают это уже роскошь. Но в целом все зависит от задачи, если у вас задача делать переключение блоков разной высоты, возможно вам нужен не слайдер, а просто скриптом прятать и показывать разные блоки..
pchela95, Очень сомневаюсь. В горизонтальном режиме это можно сделать свойством slidesPerView: "auto", но в вертикальном это свойство вроде не совместимо.
На абстрактный вопрос ничего кроме position: absolute; вам не предложат. Предоставьте свой код в песочнице https://jsfiddle.net/ и подробно опишите проблему
profesor08, Ваше решение на js намного интереснее. Я делал так же только по нажатию на кнопки вперед назад, тогда через setTimeout получалось плавно как видео
olya095, Я же вам дал ссылку. Вы можете залить туда икноку в svg и получить иконочный шрифт вместе с кодом иконки, который точно так же будете вставлять
andand44, Там напрашивается отдельный элемент с функцией иконки, который можно будет вертеть как угодно, а не миксовать псевдоэлементы со спенами. Хотя технически можно наложить before и after друг на друга и анимировать при помощи clip-path или градиента
То визуально браузер не будет сначала удалять класс, а потом добавлять, он выдаст конечный результат после всех расчетов, которые он выполнит в одном фрейме.
MikUrrey, У вас должно быть 2 состояния transition с нулевой скоростью и скоростью, которая вам нужна для анимации, без дополнительного класса или добавления transition через js ничего не получится.
но не прокатывают такие штуки.
Они не могут не прокатывать, проблема в коде, возможно у вас удаление и добавление класса в одном фрейме происходит или вы transition не убрали с основного класса, в общем без примера сказать точно нельзя