How to make your own animation in slick?

Question

css

Please tell me how to make the slide not move from left to right and so that there is no flipping or fade effect, but for example, I clicked on the arrow, the text on the slide went to the left, the picture to the right, and then others arrived?

Answer 1

Slick does not support such sophisticated animations, it can have different animations for shift, ease-in ease-in-out, etc.
In order to make individual effects, you can catch the slide change event

$('.you_tag_class').on('beforeChange', function(event, slick, currentSlide, nextSlide){
// здесь навешиваете разные анимации для своих элементов, группируете их по времени выполнения и в свою очередь делаете скорость анимации в слике с учетом всех ваших временных выполнений
    });

$('.one-time').slick({
  speed: 300  // скорость анимации будет зависить от времени анимирования всех ваших блоков
});