Predaytor
@Predaytor
C# .NET Core, React, Typescript

Как сделать слайдер со сменой оси z?



При клике на "Next" слайды меняются местами (анимация z-оси).

1 - 3, 2 - 1, 3 - 2.

Сделал стилизацию классов :nth-child(n). Нужно создать массив элементов .slide с переписью со старой выборки массива. И так каждый раз при клике на Next, и наоборот при Prev.

Есть получше идеи как сделать такой слайдер с плавными переходами по оси z? Спасибо.
  • Вопрос задан
  • 169 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
z-index не анимируется.

Вот здесь смена через анимацию прозрачности
https://jsfiddle.net/Stalk/m6591z4d/

Но в принципе можно любую анимацию нарисовать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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