Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-16 21:46:22 -05:00
Code Issues Activity

View Transitions: Fixes Astro's fade animation to prevent flicker during morph transitions (#12046)

Browse source
This commit is contained in:
Martin Trapp 2024-09-26 15:14:00 +02:00 committed by GitHub
parent 1720c5b1d2
commit d7779dfae7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/fifty-squids-build.md Normal file
View file

@ -0,0 +1,5 @@
---
'astro': patch
---
View transitions: Fixes Astro's fade animation to prevent flashing during morph transitions.

10
packages/astro/components/viewtransitions.css
View file

@ -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;
}
}