目標:使用 IntersectionObserver 做卡片入場動畫(已在 app.js 內建,這天微調節奏)。
檔案:js/app.js、style.css
步驟
observeCards() 調整 threshold 與延遲,讓卡片分批進場。.is-in 的動畫曲線(ease-out、350ms)。驗收:往下捲動時卡片一排排滑入,回捲不會重複爆量觸發。
進階:實作「減少動效」支援:
@media (prefers-reduced-motion: reduce){
*{animation:none !important; transition:none !important}
}