3D & Depth

3D Pin (3D 圖釘)

別稱 Pin hover 3D

懸停時卡片向後透視傾斜,同時一枚圖釘和光暈朝觀看者升起。

連結預覽卡片

查看示範原始碼

提示詞

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

在[套用位置]加入「3D 圖釘」(3D Pin) 懸停效果,也叫 pin hover 3D。
游標停在卡片上時,卡片向後透視傾斜,同時一枚底部帶柔和光暈的圖釘從中心升起;游標移開後一切復原:平順,不要彈跳。
保持卡片在版面中所占空間不變,鍵盤焦點時也呈現同樣的效果。

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