How to make 2 types of animations in 1 slider?

Question

css

Hello! It's impossible to make 2 slide transition effects in 1 slider.
I want to make a fade effect when auto scrolling, a scroll effect when scrolling or wipe. The trouble is that I do not know how to fasten these two animations. It's either a scroll or a fade.

There is an idea to write an effect on pure css for each slide, but I don’t know how to make these slides appear with a fade when autoscrolling.

Maybe someone ran into these?

Here is the slider code

$(document).on('ready', function() {
 $(".slider").slick({
  autoplay: true,
  dots: true,
  slidesToShow: 1,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
  infinite: true,
  speed: 500,
  cssEase: 'linear',
  customPaging : function(slider, i) {
    var thumb = $(slider.$slides[i]).data();
    return '<a>'+(i+1)+'</a>';          }
});
    });

Can you recommend other sliders that can implement this and will be adaptive