Как реализовать сложный анимационный переход для слайдера?

Question

[denisdolzhikov]

Надо сделать анимационный переход для текста в слайдах, как здесь:
https://demo.yootheme.com/themes/joomla/2018/visio... .

Если добавлять класс с обычной css анимациией на ивент смены слайда, эффект проявится только после его смены, а это не совсем то, что нужно.

Необходимо, чтобы при зажатой левой кнопки мышки, при смещении курсора влево-вправо текст смещался пропорционально движению руки, как в представленном выше слайдере.

Answer 1

[approximate solution]

Если заглянуть в Devtools, то можно увидеть что слайдер этот - не самописный, а входит в состав UIKIT
Внедряете его, и настраиваете его под себя, дока присутствует по ссылке. Не нужно писать велосипед, в крайнем случае посмотрите в том же devtools на код, и "нежно украдете".

Comments

[denisdolzhikov]

Я видел что используется ukit, просто интересна сама техника, как подобное реализуется. В devtools я не нашел код, который реализует этот эффект. Нашел только что меняется opacity слайда, при перемещении...