「專屬創意 3D 畫廊」是阿凱老師打造的 3D 旋轉木馬照片畫廊（純靜態零依賴），用純 CSS transform-style: preserve-3d 做出真實 3D 空間感 — 不是 Three.js 的複雜引擎，但效果驚豔。
🎯 核心特色
- 🌌 純 CSS
transform-style: preserve-3d— 真正的 3D 空間感（不是 2D 模擬） - 🖱️ 滑鼠拖曳旋轉 — 以左右拖曳手勢動態旋轉畫廊
- 📱 觸控手勢支援 — 完整支援手機與平板的滑動操作
- ⚡ 慣性滑動效果（神細節） — 放開後畫廊持續以衰減速度旋轉，仿物理摩擦感，像真實旋轉物體
- 📁 本機圖片上傳 — 直接從裝置選任意數量圖片，即時更新畫廊，不需後端
- 🌙
-webkit-box-reflect地板倒影 — 像高級藝廊展示 - 📐 RWD 響應式 — 自動適應手機 / 平板 / 桌機
💡 設計理念
純靜態 HTML / CSS / JavaScript，零依賴（無 React / Vue / 框架）。為什麼選純 CSS 而不是 Three.js？對比 #29 太陽系探索者 用 Three.js（複雜模型 + 物理），#60 用純 CSS（零依賴 + 載入快）：簡單 3D 場景 → 純 CSS、複雜 3D 模型 → Three.js。用對工具是工程師的修養 — 阿凱不會為了簡單畫廊套整個 Three.js 引擎。README 74 KB 超詳細，部署 cagoooo.github.io/3D/。
🎒 適合情境
藝術與人文課展學生美術作品（拖曳旋轉看，比一張張投影片好看 10 倍）、校慶 / 親職日走廊大型觸控螢幕展覽（比海報生動 100 倍）、畢業班禮物（6 年級畢業典禮投影，學生看自己 3D 畫廊會哭）、學期末展覽（家長日 / 校長視察都能用）。屬於阿凱「為大型觸控螢幕設計」系列：#32 觸屏碰碰碰、#34 影像聲音遊戲區。第一次玩本機上傳幾張照片拖曳旋轉，看慣性滑動 + 倒影效果會驚豔「這是純 CSS？」。