豪華智慧手錶 Three.js 動畫區塊登陸頁面
為 Gemini 3 Pro 設計的詳細多步驟提示序列，用於使用 Three.js、Anime.js 和 Tailwind 建立一個奢華智慧手錶的登陸頁面，然後將其精煉成一個具有進階動畫和互動的多區塊滾動網站。
提示詞
使用 Three.js、Anime.js 和 Tailwind 為一個 奢華智慧手錶 頁面建立一個 HTML 檔案。製作一個 3D 手錶 模型，一個帶有圓孔的深色紋理疊加層，顯示 米色背景上的手錶，並在頁面載入時讓標題和大型數字滑入。
讓頁面更專業。將靜態孔替換為載入時會打開的光圈。在 錶面 上方添加一個帶有反射的玻璃圓頂，改善金屬材質，添加滑鼠視差效果，使 手錶 隨著游標旋轉，並在 錶面 上繪製時間和健身環。
將單一螢幕變成多區塊捲動網站。當使用者捲動時，動畫化 3D 手錶 以移動和旋轉，以配合每個區塊。保持 3D 畫布和背景固定，而文字在其上方捲動；只有 手錶 移動。
- 固定畫布：定位畫布
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 Gemini 3 Pro 的平台（例如 YouMind），把提示詞貼上。
- 3
依你的想法替換主體、風格或細節，然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 網頁 提示詞，都能免費複製與改用。
探索更多 網頁 提示詞
更多提示詞功能
