SVG Animations

通过 stroke-dasharray + stroke-dashoffset 让路径“自我书写”。

圆环先画，勾在 0.55s 后出现。悬停卡片可重播。

整体旋转 + dasharray 呼吸，材质感比纯转圈更精细。

点击图标切换状态。三条线共享起点，靠 transform 制造视觉位移。

所有关键帧共用同构命令序列（8 个 C + Z）才能插值。

三角形沿虚线轨迹运动，rotate="auto" 让朝向始终贴合切线。

在 <stop> 上直接动画 stop-color，渐变沿色环流动。

双层光晕交替扩散 + 核心呼吸缩放，常用于“在线/正在录制”指示。

两层不同相位的贝塞尔路径在 d 之间插值，制造液体流动感。