Fix lyrics mask

2026-05-07 04:20:12 +02:00 · 2023-09-21 17:41:27 -07:00
parent 201ee895f9
commit fbb0907a70
1 changed files with 8 additions and 0 deletions
@@ -25,6 +25,14 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
    overflow: scroll;
    transform: translateY(-2rem);

+    -webkit-mask-image: linear-gradient(
+        180deg,
+        transparent 5%,
+        rgb(0 0 0 / 100%) 20%,
+        rgb(0 0 0 / 100%) 85%,
+        transparent 95%
+    );
+
    mask-image: linear-gradient(
        180deg,
        transparent 5%,