aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/instant.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/pages/instant.tsx')
-rw-r--r--packages/website/ts/@next/pages/instant.tsx6
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx
index 34dd83f1e..a16640b54 100644
--- a/packages/website/ts/@next/pages/instant.tsx
+++ b/packages/website/ts/@next/pages/instant.tsx
@@ -137,7 +137,8 @@ const MarqueeWrap = styled.div`
width: 5485px;
height: 380px;
display: flex;
- animation: ${scroll} 20s linear infinite;
+ animation: ${scroll} 30s linear infinite;
+ will-change: transform;
img {
width: auto;
@@ -154,7 +155,8 @@ const Card = styled.div`
display: inline-block;
opacity: 0;
transform: translateY(10px);
- animation: ${fadeUp} 0.5s ${props => `${props.index * 0.05}s`} forwards;
+ will-change: opacity, transform;
+ animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
& + & {
margin-left: 15px;