From bdc5c6c5d702c68c745fe47c0762a51ce0e31000 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Sun, 22 Mar 2026 02:23:31 +0800 Subject: [PATCH] style(website): remove hero-in entrance animation The animation added a slight stutter on page load without meaningful UX benefit. Co-Authored-By: Claude --- website/static/style.css | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/website/static/style.css b/website/static/style.css index 46a7b1f4..63b40e5e 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -60,22 +60,12 @@ a:hover { color: var(--accent-hover); text-decoration: underline; } .skip-link:focus { left: 0; } /* === Hero === */ -@keyframes hero-in { - from { opacity: 0; transform: translateY(8px); } - to { opacity: 1; transform: translateY(0); } -} - .hero { max-width: 1400px; margin: 0 auto; padding: 3.5rem 2rem 1.5rem; } -.hero h1 { animation: hero-in 0.5s cubic-bezier(0.25, 1, 0.5, 1) both; } -.hero-sub { animation: hero-in 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.08s both; } -.hero-gh { animation: hero-in 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.16s both; } -.hero-submit { animation: hero-in 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.16s both; } - .hero-main { display: flex; flex-wrap: wrap; @@ -152,7 +142,6 @@ a:hover { color: var(--accent-hover); text-decoration: underline; } .search-wrap { position: relative; margin-bottom: 0.75rem; - animation: hero-in 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.24s both; } .search-icon {