Как сделать slick слайдер?

Question

[aleks767]

я верстаю лендинг, и мне попался вот такой слайдер, я хочу использовать slick slider, но не могу понять как его настроить, чтобы получилось хотя бы нечто подобное. Как сделать вертикальный слайдер я понимаю, а как сделать, чтобы под текущим слайдом был следующий? Помогите разобраться, пожалуйста. У меня пока обычный вертикальный слайдер, где слайды идут по очереди один за другим.

Comments

[Alex_mos]

Slick слайдер довольно хорошо настраивается. И документация у него довольно хорошая со множеством примеров.
Все остальное уже нужно дописывать самому.
И нужно просто поискать, вот например

[aleks767]

Alex_mos, Вы не дочитали,наверное, мой вопрос. я могу сделать слайдер вертикальным, я не понимаю как сделать, чтобы следующий слайд был виден под текущим

[Alex_mos]

aleks767, а сколько у вас сейчас отображается слайдов и что вообще получилось?

[aleks767]

Alex_mos,

[aleks767]

Alex_mos, 2 слайда видны сейчас, я пыталась сделать видимым 1 слайд и свойством transform: translate сдвинуть немного видимый слайд, но свойство не срабатывает

[Alex_mos]

aleks767, ну, теперь с помощью css все это дело дописываете так как вам нужно

[Alex_mos]

aleks767, а к чему применяете transform? К какому классу?

[aleks767]

Alex_mos, slick-current

[Антон Литвиненко]

aleks767, вот подобное
https://qna.habr.com/q/875027
https://swiperjs.com/demos#effect-cards

[aleks767]

Антон Литвиненко, спасибо