From 98f4ee1dc2f505b0caa9c08b05935b78cc206007 Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Thu, 28 Dec 2023 13:06:11 +0100
Subject: Fine tuned view transition
---
apps/website/src/layouts/Layout.astro | 26 +++++++++++++++++++++++---
1 file changed, 23 insertions(+), 3 deletions(-)
(limited to 'apps/website/src/layouts')
diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro
index d5b61cd..32cebed 100644
--- a/apps/website/src/layouts/Layout.astro
+++ b/apps/website/src/layouts/Layout.astro
@@ -16,6 +16,26 @@ const {
description = 'Official website for Polyfrost.',
favicon = Favicon,
} = Astro.props;
+
+const fadeAnimation = {
+ old: {
+ name: 'fadeOut',
+ duration: '0.1s',
+ easing: 'linear',
+ fillMode: 'forwards',
+ },
+ new: {
+ name: 'fadeIn',
+ duration: '0.1s',
+ easing: 'linear',
+ fillMode: 'backwards',
+ },
+};
+
+const fade = {
+ forwards: fadeAnimation,
+ backwards: fadeAnimation,
+};
---
@@ -36,10 +56,10 @@ const {
-
-
+
+
-
+
--
cgit