From 6ad63526c71480b629a5661de78855058de69441 Mon Sep 17 00:00:00 2001 From: Kushagra Gour Date: Fri, 18 Aug 2023 12:08:41 +0530 Subject: [PATCH] add scroll animation on hero img; --- packages/website/_includes/default.html | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/website/_includes/default.html b/packages/website/_includes/default.html index 9d50114..e4ac476 100644 --- a/packages/website/_includes/default.html +++ b/packages/website/_includes/default.html @@ -1,4 +1,4 @@ - + @@ -48,6 +48,7 @@ html { font-size: var(--base-font-size); + scroll-timeline: --root-scroll block; } body { @@ -60,6 +61,7 @@ margin: 0; color: #3a3a3a; -webkit-font-smoothing: antialiased; + } body.docs { max-width: 70ch; @@ -483,6 +485,20 @@ .people-say-bottom .say { --shadow-y: -5px; } + + @keyframes hero-img-progress { + from { + transform: rotateX(4deg) rotateY(-6deg); + } + + to { + transform: rotateX(-40deg) rotateY(100deg); + } + } + .screenshot { + animation: hero-img-progress auto linear; + animation-timeline: --root-scroll; + }