Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-02-10 22:38:53 -05:00
Code Issues Activity

ms

Browse source
This commit is contained in:
Matthew Phillips 2023-08-30 17:26:46 -04:00
parent 26ba25a2f2
commit 51fc960525
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -46,14 +46,14 @@
@layer astro { @layer astro {
::view-transition-old(root) { ::view-transition-old(root) {
animation-name: astroFadeOut; animation-name: astroFadeOut;
animation-duration: 180; animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1); animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both; animation-fill-mode: both;
} }
::view-transition-new(root) { ::view-transition-new(root) {
animation-name: astroFadeIn; animation-name: astroFadeIn;
animation-duration: 180; animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1); animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both; animation-fill-mode: both;
} }
@ -61,14 +61,14 @@
:root[data-astro-transition-fallback="old"]:not([data-astro-transition-scope]) { :root[data-astro-transition-fallback="old"]:not([data-astro-transition-scope]) {
animation-name: astroFadeOut; animation-name: astroFadeOut;
animation-duration: 180; animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1); animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both; animation-fill-mode: both;
} }
:root[data-astro-transition-fallback="new"]:not([data-astro-transition-scope]) { :root[data-astro-transition-fallback="new"]:not([data-astro-transition-scope]) {
animation-name: astroFadeIn; animation-name: astroFadeIn;
animation-duration: 180; animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1); animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both; animation-fill-mode: both;
} }