perspective + transform-style: preserve-3d — 纯 CSS
@property --angle + conic-gradient — 纯 CSS 动画
边框颜色沿卡片边缘旋转。@property 声明 CSS 变量类型,浏览器自动插值。
backdrop-filter: blur() — iOS 风格,无需 JS
卡片后方内容被模糊。Safari 需要 -webkit-backdrop-filter。
background-clip: text + 渐变动画 — 文字流光
animation: steps() + border-right — 模拟打字
圆形 ↔ 菱形 ↔ 五边形 — CSS clip-path 动画
blur() + contrast() — 零 JS 模拟火焰
子元素聚焦 → 父元素边框发光 — 以前必须用 JS
cubic-bezier(0.34, 1.56, 0.64, 1) — 弹簧曲线
mix-blend-mode: overlay/difference + hue-rotate