3D & Depth

Cube Rotate (立方體旋轉)

別稱 3D cube, Cube transition

內容分布在立方體的各個面上,立方體旋轉以顯示下一個面。

輪播切換、功能切換器

  • cube slider
  • auto-rotating cube

查看示範原始碼

提示詞

將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。

在[套用位置]加入「立方體旋轉」(Cube Rotate) 切換效果,也叫 3D cube 或 cube transition。
把內容放在透視立方體的各個側面上;每次按「下一個」,立方體繞垂直軸平順轉動,把下一個面轉到正前方。
只讓正面能被鍵盤和螢幕閱讀器存取;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),改用簡單的淡入淡出。

將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。