Notification Badge Bounce (徽标弹跳)

元素的副本反复放大并淡出，就像雷达波纹。

在[应用位置]添加“雷达扩散”(Ping)效果，也叫雷达波(radar ping)或脉冲环(pulse ring)。
元素的一个副本要向外扩大并淡出，以稳定的节奏一遍遍重复，而元素本身保持不动。
把圆环画在单独的图层上，确保它永远不影响布局；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止循环。

元素上下弹跳，弹跳幅度逐渐减小。

在[应用位置]添加“弹跳”(Bounce)提示效果。
元素向上跳起再落下，快速弹跳几次，每次幅度越来越小，落地时略微压扁。
触发时只播放一次，不要循环；对开启了“减少动态效果”的用户则跳过。

元素快速放大，再带着弹性“啵”地回到原样。

在[应用位置]添加“弹出”(Pop)悬停效果。
每次指针进入时，元素快速鼓起一次再回到正常大小，像一次带弹性的轻快弹跳。
每次悬停只播放一次，不要停留在放大状态，也不要循环；避免周围布局移位。

商品图片一边缩小一边沿弧线飞入购物车图标。

在[应用位置]添加“加购抛物线”(Add to Cart Fly)动画，也叫飞入购物车(fly to cart)或加购动画(add-to-cart animation)。
点击加购按钮时，商品图片的一个小副本一边缩小，一边沿一条流畅而快速的弧线飞入购物车图标，购物车在数量更新时轻轻弹一下。
每次点击只播放一次，不要移动原来的商品卡片；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就省略飞行动画，但照常更新购物车。

显示或隐藏密码时，眼睛图标在睁开和带斜线之间切换。

在[应用位置]添加“密码显隐切换”(Password Reveal Toggle)，也叫 show/hide password 或眼睛图标切换(eye icon toggle)。
点击眼睛时斜线迅速擦除，隐藏的圆点交叉淡入为真实字符；再次点击时斜线重新画出并隐藏字符：流畅、迅速，不要弹跳。
保持输入框宽度不变以免文字跳动，并把切换做成真正的按钮，用标签说明当前密码是否可见。

文字滚动进入视口时，一个指针箭头围绕某个词画出高亮框。

在[应用位置]添加“指针高亮”(Pointer Highlight)效果。
文字滚动进入视口时，一个方框从左到右围绕关键词画出，同时一个小指针箭头沿着方框的角移动，流畅、匀速，就像有人在用手圈出这个词。
只在第一次进入视口时画一次，不要挤动文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示画好的方框。

按下时元素略微缩小，松开后带弹性地恢复。

在[应用位置]添加“按压缩放”(Press (Button Tap Scale))效果，也叫点击反馈(tap feedback)或按下状态(press state)。
按下时元素略微缩小并稍微变暗，松开后带一点弹跳恢复到原大小：快速、含蓄。
键盘按下和触摸时也显示同样的反馈，并保持周围布局不发生位移。