Yêu cầu May 31st, 2020 8:20 a.m. 1256 0 1
  • 1256 0 1
0

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

Chia sẻ
  • 1256 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 Jun 1st, 2020 12:37 a.m.
+2

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í