水平視差（Parallax）滾動示範

純 CSS + 原生 JS；以 SVG 做多層景深

向右滾動或使用下方導覽鍵，觀察背景、中景、前景相對速度的差異。

簡單 SVG = 輕量與可控

每一層都是可編輯的向量圖層（mountains、hills），方便透過變色或調整貝茲曲線來塑造景深。

以 data-speed 設層速

下方的原生 JS 會讀取每個 .layer 的 data-speed，根據 scrollLeft 動態設定 transform: translateX()，達成水平視差。

結束，也是一個開始

這個樣板設計成單一 HTML 就能開啟。可直接替換 SVG、顏色與段落，延伸成你的橫向故事頁。