Cursor Spotlight (光标聚光灯)

柔和的径向光跟随指针在卡片表面移动，照亮下方的背景。

在[应用位置]添加“卡片聚光灯”(Card Spotlight)效果，也叫聚光悬停(spotlight hover)、指针光晕(pointer glow)、跟随鼠标的光晕(mouse-following glow)或径向渐变悬停(radial gradient hover)。
柔和、淡淡的径向光晕跟随指针在卡片表面移动，指针移入时淡入，移出时淡出。
光晕放在卡片内容的后面，保证文字清晰可读；在触屏设备上则不显示光晕。

遮罩形状划过或跟随指针，露出下方的内容。

在[应用位置]添加“SVG遮罩显现”(SVG Mask Reveal)悬停效果，也叫 clip-path reveal 或聚光灯遮罩(spotlight mask)。
指针悬停时，圆形遮罩从中心扩大，露出下方的内容；指针移开后再收拢：流畅且较快。
两个图层保持完全相同的尺寸，避免任何位移；键盘聚焦和点按时也显示同样的显现效果。

在卡片上移动指针时，遮罩边缘或聚光灯下隐藏的文字随之显露。

在[应用位置]添加“文字显现卡片”(Text Reveal Card)效果，也叫聚光灯文字显现(spotlight text reveal)。
指针在卡片上移动时，一条竖直边缘紧紧跟随，在一侧露出隐藏的文字：流畅、直接，没有延迟。
在没有指针可跟随的触屏设备上，让拖动或点按也能显示隐藏文字，并让隐藏文字可被屏幕阅读器读取。

一道柔和的锥形光或光斑扫入到位，照亮背景的一部分。

在[应用位置]添加“聚光灯”(Spotlight)效果，也叫 spotlight sweep 或 light cone。
页面加载时，一道柔和的锥形光从角落斜着扫进来，停在标题上方，到位时逐渐变亮：缓慢而流畅。
只播放一次；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示已照在标题上的光。

指针移动时，身后留下一串逐渐消失的图形。

在[应用位置]添加“光标拖尾”(Cursor Trail)效果，也叫鼠标拖尾(mouse trail)。
指针移动时，身后留下一小串小圆点，每个点都迅速缩小并淡出，让拖尾保持短小，顺滑地描出移动路径。
只在指针移动时绘制拖尾，绝不能挡住点击；在触屏设备上，或者如果用户开启了“减少动态效果”(prefers-reduced-motion)，就不要显示。

默认箭头被替换为带样式的圆点或圆环，在可交互元素上方时会发生变化。

在[应用位置]添加“自定义光标”(Custom Cursor)，也叫动画光标(animated cursor)或光标替换(cursor replacement)。
用一个精确跟随指针的小圆点，加上一个稍稍落后跟随的圆环来替换默认箭头；悬停在链接和按钮上时，圆环平滑放大。
在触屏设备和文本输入框中保留普通光标，并且自定义光标绝不能挡住点击。

指针靠近时元素被吸向指针，离开后又弹回原位。

在[应用位置]添加“磁吸按钮”(Magnetic Button)效果，也叫磁吸目标(magnetic target)或磁吸悬停(magnetic hover)。
指针靠近时，按钮被轻轻吸向指针，按钮文字移动得再多一点；指针离开后，按钮带着一点小弹跳回到原位。
不要让周围布局跟着移动；在触屏设备上，或者如果用户开启了“减少动态效果”(prefers-reduced-motion)，就关闭吸附。