From cb0b6ec8e27f2b6d94e2c5c4d5c46d99045c4840 Mon Sep 17 00:00:00 2001 From: wheattoast11 Date: Wed, 20 Nov 2024 18:31:23 -0600 Subject: [PATCH] update style --- style.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index cab7b60..194b84d 100644 --- a/style.css +++ b/style.css @@ -158,9 +158,8 @@ h2::before { .platforms-marquee { position: relative; - width: 100vw; - left: 50%; - transform: translateX(-50%); + width: 110%; + left: -5%; overflow: hidden; padding: 2rem 0; margin: 4rem 0; @@ -179,6 +178,20 @@ h2::before { animation: scroll 30s linear infinite; white-space: nowrap; will-change: transform; + -webkit-mask-image: linear-gradient( + to right, + transparent 0%, + black 10%, + black 90%, + transparent 100% + ); + mask-image: linear-gradient( + to right, + transparent 0%, + black 10%, + black 90%, + transparent 100% + ); } .platform-name {