Задать вопрос
Этот вопрос закрыт для ответов, так как повторяет вопрос Как cдвинуть слайды в swiper.js?
@setupx
Go & TS developer

Как реализовать такой слайдер?

На макете есть секция с слайдером, в котором расположены карточки категории:
image

671ba9d8dd69f549316290.png


У меня на сайте весь контент находится в container, который задает определенную ширину и там находится эта секция:
code

{/* Category section*/}
                {isLoadingCategories ? (categoryCardsSkeletons) : (categories &&
                    <div>
                        <Swiper
                            spaceBetween={8}
                            slidesPerView={4}
                        >
                            {categories && categories.map((category, index) => (
                                <SwiperSlide key={index}>
                                    <Link key={index} href={category.link}>
                                        <CategoryCard title={category.title} imageSrc={category.imageSrc}/>
                                    </Link>
                                </SwiperSlide>
                            ))}

                        </Swiper>
                    </div>
                )}



Как мне сделать такую же секцию, чтобы скажем так "последняя" карточка немного показывалась как на изображении?
  • Вопрос задан
  • 110 просмотров
Подписаться 2 Простой
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы