Like / Heart Burst (点赞爱心)

彩色纸片喷涌而出再飘落下来，用来庆祝成功。

在[应用位置]添加“撒花”(Confetti)庆祝效果，也叫彩纸迸发(confetti burst)。
彩色小纸片从按钮中快速迸发出来，然后翻滚着飘落并渐渐淡出，形成一阵短促而热闹的纸片雨。
每次成功只触发一次，不要循环，不要挡住页面上的点击；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就不要播放。

元素以双拍节奏缩放，就像跳动的心脏。

在[应用位置]添加“心跳”(Heartbeat)效果，也叫 heart beat。
元素要快速地连续膨胀、回缩两次，然后稍作停顿再开始下一次，就像跳动的心脏。
无缝循环播放并保留两次心跳之间的停顿；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止动画。

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

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

按住元素片刻即可触发额外操作或进度填充。

在[应用位置]添加“长按”(Long Press)交互，也叫 press and hold 或 touch and hold。
按住时元素轻微下沉，同时进度填充以稳定的速度扫过它；填满后元素带弹性地回弹并打开菜单，提前松开则取消并重置填充。
为键盘和屏幕阅读器用户提供另一种途径来执行相同操作，并且不要让长按触发文本选择或浏览器自带的右键菜单。

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

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

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

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