title: Slick slider effect
body: <p>I'm using Slick Slider jquery plugin.
  <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">http://kenwheeler.github.io/slick/</a></p>
  
  <p>And I'm trying to create this effect : <a href="https://www.gillesetboissier.com/index.php?preload=1" rel="nofollow noreferrer">https://www.gillesetboissier.com/index.php?preload=1</a></p>
  
  <p>To do that. I'm trying to keep the current slide in place to set translate3d to 0px. But this slider is blocked.</p>
  
  <pre><code>function slick_init() {
      $('.splash-slider').slick({
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
          vertical: true,
          verticalSwiping: true
      });
  
      $('.splash-slider').on('beforeChange', function(event, currentSlide) {
          currentSlide.css('transform', 'translate3d(0px, 0px, 0px)');
      });
  }
  </code></pre>
  
  <p>What's wrong with this method please ?</p>