交互 Interaction ​

z-index ​

landmarksz-index: 1使主要元素在出场动画时能正确叠加在正文上（依赖具体实现可能不需要）
:focusz-index: 1边框叠加的情况下使元素的边框和阴影能叠加在周围的元素上
Modalz-index: 2模态框具有更高的优先级
Toastz-index: 3吐司具有更高的优先级

焰波 Bloom ​

模拟光晕特效，用于提示被聚焦元素变为可交互状态，等待进一步的输入：

  • 任何元素的 focus-visible 状态（输入框等）
  • 选择器被激活

可交互元素本身具有实色边框时，焰波的范围将扩大。

当可交互元素进一步聚焦时，焰波的范围将扩大：

  • 滑块正在被拖动