fix: remove hero fade-in animation that delayed LCP

The hero-rise fade-in started .hero-copy, which holds the LCP <h1>, at opacity 0, and Chrome ignores opacity-0 paints for LCP, delaying it by about 455 ms.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-15 12:43:11 +08:00
co-authored by Claude
parent 78d6bbfb24
commit 9bfb413748
-13
View File
@@ -280,7 +280,6 @@ kbd {
.hero-copy {
width: 100%;
max-width: none;
animation: hero-rise 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.hero-kicker,
@@ -354,7 +353,6 @@ kbd {
align-items: start;
padding-top: 1.35rem;
border-top: 1px solid var(--hero-line);
animation: hero-rise 820ms cubic-bezier(0.22, 1, 0.36, 1) 110ms both;
}
.hero-category-meta h2 {
@@ -1658,17 +1656,6 @@ th[data-sort].sort-asc::after {
border: 0;
}
@keyframes hero-rise {
from {
opacity: 0;
transform: translateY(1.3rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes expand-in {
from {
opacity: 0;