feat: Added @keyframes pageEnter (opacity 0→1, translateY 8→0, 250ms ea…

- "frontend/src/App.css" GSD-Task: S03/T02
2026-03-31 06:27:12 +00:00 · 2026-03-31 06:27:12 +00:00 · 836fcb2304
commit 836fcb2304
parent cf0205bd5c
1 changed files with 23 additions and 0 deletions
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@ -3728,3 +3728,26 @@ a.app-footer__about:hover,
    font-size: 1.5rem;
  }
 }
+
+/* ── Page-enter transition ────────────────────────────────────────────────── */
+
+@keyframes pageEnter {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.home,
+.topics-browse,
+.subtopic-page,
+.search-results-page,
+.creators-browse,
+.creator-detail,
+.technique-page {
+  animation: pageEnter 250ms ease-out;
+}