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

Question

[Предэйтор]

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

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

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

Есть получше идеи как сделать такой слайдер с плавными переходами по оси z? Спасибо.

Comments

[Rustam Bainazarov]

markdalgleish.com/projects/bespoke.js

[Предэйтор]

SmthTo, Thanks

Answer 1

[Stalker_RED]

z-index не анимируется.

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

Но в принципе можно любую анимацию нарисовать.

Comments

[Предэйтор]

ясно, спасибо.