Ping (雷达扩散)

同心圆从中心点向外扩散并逐渐淡出。

在[应用位置]添加“同心波纹”(Ripple Rings)效果，也叫 background ripple 或 concentric ripples。
圆环从中心点不断向外扩散，越大越淡，一个接一个、间距均匀：缓慢而稳定。
中心元素保持静止、位置不变；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止波纹。

元素反复地轻柔缩放或淡入淡出。

在[应用位置]添加“脉冲”(Pulse)效果，也叫 pulsing。
元素要以缓慢、稳定的节奏轻轻膨胀再回缩：含蓄，不要有弹跳感。
无缝循环播放，不要让周围布局移动；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止动画。

收到新通知时，数字徽标弹出、弹跳或脉动。

在[应用位置]添加“徽标弹跳”(Notification Badge Bounce)动画，也叫 badge pop 或 ping。
收到新通知时，数字徽标从无到有地弹出，带着两下快速、有弹性的跳动落定，同时一圈柔和的光环从它向外扩散一次。
每条新通知只播放一次，不要循环，并让屏幕阅读器播报新的数字。

悬停时，同心的边框圆环从元素向外扩散或向内收缩。

在[应用位置]添加“边框波纹”(Border Ripple)悬停效果。
指针移入时，几道边框圆环依次从元素向外扩散并淡出：快速轻盈，像水波一样。
每次悬停只播放一次，不要循环，也不要让圆环挤动周围的布局。

元素横向拉伸、纵向压扁，经过几次弹性变化后恢复原状。

在[应用位置]添加“橡皮筋”(Rubber Band)提示效果，也叫 rubberband。
元素要先横向拉宽、纵向压扁，再经过几次越来越小的弹性回弹，最后停在正常大小。
触发时只播放一次，并确保拉伸过程中周围布局不会移位。

元素沿一个方向快速来回抖动。

在[应用位置]添加“抖动”(Shake)效果，也叫 error shake 或 invalid input shake。
元素要快速左右抖动几次，然后正好停在起始位置：快速、干脆。
每次出错时播放一次，不要循环；同时显示可见的错误提示，让含义不只依赖动画来传达。