# Fading Edges

**URL:** <https://community.elfsight.com/t/fading-edges/142329>\
**Category:** Logo Showcase\
**Created:** [December 10, 2025, 8:52pm UTC](https://community.elfsight.com/t/fading-edges/142329 "2025-12-10T20:52:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rose\_Tran](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/rose_tran/32/85392_2.png) [@Rose\_Tran](https://community.elfsight.com/u/Rose_Tran)\
**Post date:** [December 10, 2025, 8:52pm UTC](https://community.elfsight.com/t/fading-edges/142329/1 "2025-12-10T20:52:25Z")

</div>

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 **Settings** tab of your widget’s settings

```auto
[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 😉

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 11, 2025, 9:23am UTC](https://community.elfsight.com/t/fading-edges/142329/2 "2025-12-11T09:23:09Z")

</div>

Welcome to the Community, @Rose_Tran 👋

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