feat: build responsive Three.js river journey

2026-09-05 17:22:12 +08:00
parent 637da07c9e
commit f6228f8507
5 changed files with 420 additions and 215 deletions
--- a/src/components/scenes/Scenes.module.css
+++ b/src/components/scenes/Scenes.module.css
@@ -32,8 +32,20 @@
  z-index: 0;
 }

+.aboutScene::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(to bottom, var(--bg-page), transparent 12%, transparent 88%, var(--bg-page));
+}
+
@media (max-width: 640px) {
  .heroScene::after {
    opacity: 0.62;
  }
+
+  .aboutScene {
+    bottom: auto;
+    height: 640px;
+  }
 }