提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「3D 輪播」(3D Carousel)，也叫 rotating ring carousel。
把面板排成透視下的環形；每次按「下一個」，整個環繞垂直軸平順轉動，把下一塊面板轉到正前方。
控制項要能用鍵盤操作，並向螢幕閱讀器報讀目前面板；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，改用簡單的淡入淡出。相似的動效
ABCDE
拖曳試試
Coverflow (封面流)
別稱 Cover flow carousel
中間的項目正對前方，兩側的項目透視斜向後方。
適用情境
專輯和媒體輪播
在[套用位置]加入「封面流」(Coverflow) 輪播，也叫 cover flow carousel。
中間的項目正對前方，兩側的項目透視地轉向後方；橫向拖曳時整排滑動，放開後平順地停在最近的項目上。
除了拖曳還要支援方向鍵和滑動手勢，並確保觸控裝置上頁面仍能正常垂直捲動。A
B
C
點擊試試
Carousel Slide (輪播滑動)
別稱 Slider, Swipe carousel, Scroll-snap carousel
投影片在可視區域內水平移動，每次吸附一張到定位。
適用情境
首屏橫幅、商品圖庫
在[套用位置]加入「輪播滑動」(Carousel Slide)，也叫滑桿 (slider) 或滑動輪播 (swipe carousel)。
每一步都讓整排橫向滑動，使下一張投影片吸附到中間，平順減速；兩側邊緣露出相鄰的投影片，位置圓點也跟著變化。
每次只移動一張，除了按鈕和方向鍵，也支援觸控滑動，並替控制項加上給螢幕閱讀器讀取的標籤。ABCD
點擊試試
Cube Rotate (立方體旋轉)
別稱 3D cube, Cube transition
內容分布在立方體的各個面上，立方體旋轉以顯示下一個面。
適用情境
輪播切換、功能切換器
在[套用位置]加入「立方體旋轉」(Cube Rotate) 切換效果，也叫 3D cube 或 cube transition。
把內容放在透視立方體的各個側面上；每次按「下一個」，立方體繞垂直軸平順轉動，把下一個面轉到正前方。
只讓正面能被鍵盤和螢幕閱讀器存取；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，改用簡單的淡入淡出。3D & Depth 中的其他動效
3D Globe (3D 地球儀)
別稱 Interactive globe
帶有標記點或弧線的 3D 地球在版面中旋轉。
適用情境
呈現全球布局的視覺
在[套用位置]加入「3D 地球儀」(3D Globe)，也叫互動地球儀 (interactive globe)。
表面有幾個標記點的地球儀繞軸緩慢等速轉動，標記點隨之一起轉：平靜而連續。
把它當作裝飾，為其呈現的資訊提供文字替代；移出畫面時暫停；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止旋轉。A
將滑鼠移到上面
3D Pin (3D 圖釘)
別稱 Pin hover 3D
懸停時卡片向後透視傾斜，同時一枚圖釘和光暈朝觀看者升起。
適用情境
連結預覽卡片
在[套用位置]加入「3D 圖釘」(3D Pin) 懸停效果，也叫 pin hover 3D。
游標停在卡片上時，卡片向後透視傾斜，同時一枚底部帶柔和光暈的圖釘從中心升起；游標移開後一切復原：平順，不要彈跳。
保持卡片在版面中所占空間不變，鍵盤焦點時也呈現同樣的效果。A
移動指標試試
3D Tilt (3D 傾斜)
別稱 Perspective tilt, 3D card effect, Tilt card, Tilt on hover, Parallax tilt
卡片朝游標方向透視旋轉，分層內容從表面浮起。
適用情境
產品卡片和價格卡片
在[套用位置]加入「3D 傾斜」(3D Tilt) 效果，也叫 perspective tilt 或 tilt card。
游標移動時，卡片朝游標方向透視傾斜，內部各層以不同深度從表面浮起；游標移開後平順地恢復平放：平順而含蓄。
傾斜幅度要小，確保文字易讀；在觸控裝置上，以及使用者開啟了「減少動態效果」(prefers-reduced-motion)時，讓卡片保持平放。