Magnetic Button (磁吸按钮)

指针靠近时，一排图标平滑放大，就像 macOS 的程序坞。

在[应用位置]添加“程序坞放大”(Dock Magnification)效果，也叫程序坞(dock)。
指针越靠近，这一排图标就平滑地放大，最近的图标最大、相邻的图标稍微放大；指针移开后全部恢复原来大小。
图标从固定的基线向上放大；在触摸和键盘操作时，每个图标都要以正常大小正常可用。

指针在卡片上移动时，卡片随之轻微平移和缩放。

在[应用位置]添加“晃动卡片”(Wobble Card)效果。
指针在卡片上移动时，卡片朝指针方向轻微平移，内容则朝反方向轻微平移并略微放大，平滑地跟随；指针移开后一切回到原位。
保持幅度很小；在触屏设备上关闭，如果用户开启了“减少动态效果”(prefers-reduced-motion)，也要关闭。

一片短线条转向指针，就像磁铁周围的铁屑。

在[应用位置]添加“磁吸铁屑”(Magnetic Filings)效果。
一组网格排列的短线条立即转向，每一条都正对指针，就像磁铁周围的铁屑；没有指针时，全部朝向中心。
把它作为纯装饰背景，绝不能挡住点击；如果用户开启了“减少动态效果”(prefers-reduced-motion)，让线条保持静止。

文本插入光标会随旁边字符的大小变长或变短。

在[应用位置]添加“自适应插入光标”(Adaptive Caret)效果，也叫 adaptive caret size。
文本插入光标移动到离指针最近的字符前面，并迅速拉长或缩短到与该字符同高，尺寸变化流畅利落，不要弹跳。
保持文字本身不移动，并让光标像跟随指针一样跟随键盘移动。

圆形光标通过 mix-blend-mode 的 difference 模式反转其下方的颜色。

在[应用位置]添加“混合模式光标”(Blend-Mode Cursor)，也叫 difference cursor 或反色光标(inverting cursor)。
用一个实心圆替换指针，它毫无延迟地紧贴在指针下方，并反转所经过的文字和图形的颜色。
把混合效果限制在这块区域内，不要和页面其他部分混合；确保在深色模式下也能清晰反色，触屏设备上则保留普通光标。