From 04671ad7d88f39d1b622a3aea02a63ce7fb50c24 Mon Sep 17 00:00:00 2001 From: Jeffrey Phillips Freeman <the@jeffreyfreeman.me> Date: Sun, 1 Mar 2020 20:49:54 +0100 Subject: [PATCH] Fixed some jitter when the comet animated across the screen. --- src/pages/index.tsx | 8 ++++---- src/styles/scroll-animate.scss | 3 +-- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 957d715..c95b43d 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -35,14 +35,14 @@ export const IndexPage = () => ( <Tween from={{ css: { - left: '-150px', - top: '-25vh' + left: '-10%', + top: '20%' } }} to={{ css: { - left: '120vw', - top: '60vh' + left: '120%', + top: '50%' } }} totalProgress={progress} diff --git a/src/styles/scroll-animate.scss b/src/styles/scroll-animate.scss index ca3ec37..368b2af 100644 --- a/src/styles/scroll-animate.scss +++ b/src/styles/scroll-animate.scss @@ -4,9 +4,8 @@ width: 93px; height: 43px; margin: 0 !important; - position: relative; + position: fixed; left: -150px; - top: -15vh; } .nebula { -- GitLab