Slide centering mode for Slick Slider?

Question

css

Friends, can you throw ready HTML / CSS / JS code for Slick Slider with single slide centering mode?
I can't find the complete code. That is, HTML / CSS, but no JS, that is, JS, but no CSS, then something else is missing.
For example, here such a slider is shown, and there is even a js code, but there is nothing else. And if I can pull out the HTML, then the CSS doesn't work.
I'm new to this stuff, so it's hard to figure it out myself. Thanks in advance!

Answer 1

What animation? Scrolling or what?

window.scrollTo({
  top: 1000,
  behavior: 'smooth'
});

Answer 2

This is called anchor links, there are many ways to implement this on the net) choose the one that best suits your task.

Answer 3

Download
or connect from CDN

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>

Don't forget to include jQuery first, like so:

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

More HTML Slider

<div class="my-slider">
  <div class="item-slide">SLIDE 1</div>
  <div class="item-slide">SLIDE 2</div>
  <div class="item-slide">SLIDE 2</div>
</div>

More JavaScript

<script type="text/javascript">
    $(document).ready(function(){
      $('.my-slider').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  autoplay: true,
  autoplaySpeed: 2000,
      });
    });
  </script>

In general, learn English and look at the official documentation
Everything is simple and clear - there will be questions to write.