كيفية إخفاء الـ overlay linear background في شرائح Swiper

يتم إضافة shadow تلقائيًا على الشرائح في swiper أو للدقة يتم إضافة linear-gradient من خلال خاصية background-image فكما ترى في الصورة هناك كلاس باسم:

• swiper-slide-shadow-left
• swiper-slide-shadow-right

وهو المسؤول عن إضافة الظل الذي تراه، ولحل تلك المشكلة، يمكنك استخدام التنسيق التالي في ملف App.css لديك:

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  background-image: none !important;
}

جرب ضبط تنسيقات sliderpreview وفق css بشكل عادي: 

.swiper-slide {
    background-position: center;
    background-size: cover;
}

او قم باسناد القيمة القيمة 0 للخاصية slidesOffsetAfter في مكون Swiper: 

<Swiper 
       ..
       ..
       slidesOffsetAfter=(0)