mirror of
https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git
synced 2026-04-01 17:50:13 +00:00
deleted animation to optimize performance
This commit is contained in:
parent
f346e64c2d
commit
357b283ef6
1 changed files with 1 additions and 34 deletions
|
|
@ -21,11 +21,10 @@ const {
|
|||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{pageTitle}</title>
|
||||
<ClientRouter />
|
||||
</head>
|
||||
<body>
|
||||
<Header />
|
||||
<main class="page-content" transition:name="page">
|
||||
<main class="page-content">
|
||||
<slot />
|
||||
</main>
|
||||
<Footer />
|
||||
|
|
@ -39,36 +38,4 @@ const {
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
::view-transition-old(page),
|
||||
::view-transition-new(page) {
|
||||
animation-duration: 0.05s;
|
||||
animation-timing-function: ease;
|
||||
}
|
||||
|
||||
::view-transition-old(page) {
|
||||
animation-name: fade-out;
|
||||
}
|
||||
|
||||
::view-transition-new(page) {
|
||||
animation-name: fade-in;
|
||||
}
|
||||
|
||||
@keyframes fade-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in a new issue