🐞 fix: Add gradient fade for logo scroller track

2026-06-20 21:11:04 -05:00
parent 23ed0d4096
commit df6e8cd7ef
2 changed files with 25 additions and 0 deletions
@@ -0,0 +1,24 @@
+/* Misc block styles */
+
+.logo-soup.layout-carousel {
+    /* Apply a gradient mask that fades 40px on both the left and right sides */
+    mask-image: linear-gradient(
+        to right,
+        transparent 0px,
+        black 40px,
+        black calc(100% - 40px),
+        transparent 100%
+    );
+
+    -webkit-mask-image: linear-gradient(
+        to right,
+        transparent 0px,
+        black 40px,
+        black calc(100% - 40px),
+        transparent 100%
+    );
+
+    /* Ensures the mask doesn't break scrolling functionality */
+    mask-composite: intersect;
+    -webkit-mask-composite: intersect;
+}