From 780db2da80e75d7a63e28305b661c5a14ccd5bea Mon Sep 17 00:00:00 2001
From: Martin Trapp <94928215+martrapp@users.noreply.github.com>
Date: Fri, 20 Sep 2024 20:40:52 +0200
Subject: [PATCH] added mix-bend-mode

---
 .changeset/fifty-squids-build.md              |  5 +++++
 packages/astro/components/viewtransitions.css | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 .changeset/fifty-squids-build.md

diff --git a/.changeset/fifty-squids-build.md b/.changeset/fifty-squids-build.md
new file mode 100644
index 000000000000..cc0678a56ddd
--- /dev/null
+++ b/.changeset/fifty-squids-build.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+View transitions: Fixes Astro's fade animation to prevent flashing during morph transitions.
diff --git a/packages/astro/components/viewtransitions.css b/packages/astro/components/viewtransitions.css
index 953f462e9c23..36fd44176966 100644
--- a/packages/astro/components/viewtransitions.css
+++ b/packages/astro/components/viewtransitions.css
@@ -10,12 +10,22 @@
 @keyframes astroFadeIn {
 	from {
 		opacity: 0;
+		mix-blend-mode: plus-lighter;
+	}
+	to {
+		opacity: 1;
+		mix-blend-mode: plus-lighter;
 	}
 }
 
 @keyframes astroFadeOut {
+	from {
+		opacity: 1;
+		mix-blend-mode: plus-lighter;
+	}
 	to {
 		opacity: 0;
+		mix-blend-mode: plus-lighter;
 	}
 }