Fading Edges

CSS Codes Logo Showcase
1

I couldn’t find a pre-existing solution and figured something out that worked for me. Add this code to the Custom CSS field on the Style tab of your widget’s settings

[class*="LogoShowcase__Content-sc"] {
  overflow-x: auto;
  white-space: nowrap;
  /* Mask to fade edges */
  mask-image: linear-gradient(to right, transparent 0%, white 100px, white calc(100% - 100px), transparent 100%);

}

You can change the color to your background color of choice :wink:

3 Likes
2

Welcome to the Community, @Rose_Tran :waving_hand:

Works like a charm, thanks a ton for sharing your solution with us :wink: