← 返回全部术语
悬停与光标 / TERM 120

悬停流光边框Animated Gradient Border

边框颜色沿着卡片绕一圈。

120
LIVE PREVIEW
MOVE THE POINTER
IMAGE
✦ ✧ ✦↖
悬停流光边框
✦   MOTIONLEX

01 这个效果是什么

边框内的渐变位置随状态移动,突出当前指向的卡片。

02 可以这样告诉 AI

特色卡片悬停时让双色细边框沿周缘缓慢流动;离开后恢复静态边框,减少动态效果时不循环。

03 做好后看什么

  • 边框变化不会引起卡片尺寸抖动
  • 键盘和触屏有等效操作