3D & Depth

Cube Rotate (立方体旋转)

别称 3D cube, Cube transition

内容分布在立方体的各个面上,立方体旋转以显示下一个面。

轮播切换、功能切换器

  • cube slider
  • auto-rotating cube

查看演示源码

提示词

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。

在[应用位置]添加“立方体旋转”(Cube Rotate)切换效果,也叫 3D cube 或 cube transition。
把内容放在透视立方体的各个侧面上;每次点击“下一个”,立方体绕竖直轴平滑转动,把下一个面转到正前方。
只让正面能被键盘和屏幕阅读器访问;如果用户开启了“减少动态效果”(prefers-reduced-motion),改用简单的淡入淡出。

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。