Yêu cầu thg 5 31, 2020 8:20 SA 1527 0 1
  • 1527 0 1
0

Slick slider với item center chiếm 50%

Chia sẻ
  • 1527 0 1

Mình muốn custom lại slick theo giao diện trong ảnh, nhưng đang gặp khó về css. Nhờ các bác giúp đỡ, mình xin cảm ơn!

1 CÂU TRẢ LỜI


Đã trả lời thg 6 1, 2020 12:37 SA
+3

slick có center mode, bạn không cần phải tùy chỉnh nhé, cứ dùng luôn thôi

tham khảo trang của nó nè https://kenwheeler.github.io/slick/

$('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});
Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí