Two Caroussel with opposite sliding direction.

Mahfoudh Zaidi

• May 13, 2026 18:15

Hello,
I want to add two sliding caroussel with opposite direction.

I tried to add and duplicate a caroussel, but there's no option to change direction.
Accordingly!

0

• 

  Ariel H.

  • May 14, 2026 09:59

  Hi Mr. Saidi,
  
  Thank you for reaching out. I prepared a short screencast for you on this link to show how you can accomplish this with some CSS.
  
  Screencast: https://youtu.be/i7ro4gZ9kH0
  
  The CSS:
  
  

  .animation-ltr .brz-carousel .slick-track {
      display: flex !important;
      flex-direction: row !important;
  
      animation: marqueeLTR 60s linear infinite !important;
  }
  
  .brz-carousel .slick-slide {
      float: left !important;
  }
  
  @keyframes marqueeLTR {
      from {
          transform: translateX(-50%);
      }
      to {
          transform: translateX(0);
      }
  }
  
  
  
  
  .animation-rtl .brz-carousel .slick-track {
      display: flex !important;
      flex-direction: row !important;
  
      animation: marqueeRTL 60s linear infinite !important;
  }
  
  .animation-rtl .brz-carousel .slick-slide {
      float: left !important;
  }
  
  @keyframes marqueeRTL {
      from {
          transform: translateX(0);
      }
      to {
          transform: translateX(-50%);
      }
  }

   

  0

Please sign in to leave a comment.