
同版换肤快切衔接
玻璃片拉长成水滴,颈部收细断开,留下一颗圆珠;同类形式是色散玻璃环向中心收束。
全黑背景只靠玻璃边缘一条高光勾出形状,没有填色和投影。拉伸与断开符合表面张力,断开瞬间圆珠有约 5% 的回弹,这颗圆珠成为后续按钮的原型;环形版把环外的尖峰与环内的安静文字分开,图形本身说明降噪。
cubic-bezier(0.65,0,0.35,1);断开回弹 cubic-bezier(0.34,1.56,0.64,1),持续 0.5s;环收束 cubic-bezier(0.16,1,0.3,1),持续 0.8s;环收成圆珠 cubic-bezier(0.65,0,0.35,1),持续 0.6s;字标和副标 expo.out(0.9s、0.8s)1-(1-t)^1.6,同时后退 200 单位,之后固定,直到 7.35–10s 做 3% 的 sine.inOut 推近#04060b,玻璃后方有深蓝径向光池、带十字标记的淡网格和十张模糊通知卡(3.45s 淡入);Focus 文案 4.35–4.95s。光线步进玻璃,折射率 1.47,RGB 分离 0.016 在环上增长到 0.12,只有边缘高光,无填色、无投影,30% 暗角。字标 Inter 600 180px,字距 -0.035em,#eef1f7;副标 Inter 400 28px #8790a3用「玻璃水滴分离(Glass Droplet Split)」做一段抽象图形,全片 10s。背景 #04060b,带深蓝径向光池、淡网格,以及在 3.45s 淡入玻璃后方的十张模糊通知卡。玻璃用光线步进渲染(折射率 1.47,RGB 分离 0.016),只靠边缘高光勾形,无填色、无投影。一块薄玻璃片沿弧线滑动 1.2s,同时透视镜头从 101.5 度转到 90 度并后退 200 单位(缓动 1-(1-t)^1.6),然后在 1.2–2.2s 内用 cubic-bezier(0.65,0,0.35,1) 从倾斜 54 度、滚转 -68 度旋转到 0 度立起,同时变厚并放大 1.3 倍。下端拉长成水滴,颈部从 2.12s 起半径由 18 收细到 1.6,在 2.41s 断开并闪光;下半身坠落,圆珠膨胀 5% 并用 cubic-bezier(0.34,1.56,0.64,1) 在 0.5s 内纵向回弹 8%,随后悬停在中心偏下到 3.45s。圆珠在 3.45–3.75s 张开成环,环用 0.8s cubic-bezier(0.16,1,0.3,1) 从半径 1000 收到 350,同时 RGB 分离升到 0.12、边缘出现彩虹色,之后以 5.5Hz 抖动 5px 并长出最多 18 根尖刺,持续到 6.75s,再用 0.6s 收成中心偏左 310px 的 logo 圆珠。字标在 7.42s 淡入(模糊 10px 到 0,x 从 -18 到 0,0.9s expo.out),副标 7.8s 跟入,镜头在 7.35–10s 用 sine.inOut 推近 3%。



