5 Commits

Author SHA1 Message Date
2d87b7bdfd fix: hero 字母不可见 (渐变不继承) + 升级 text.splitText API
- .hero-letter 加自己的渐变 + -webkit-background-clip:text
  原因: 父 h1 的 -webkit-text-fill-color:transparent 继承到 span 但
  background 不继承,span 变成 box 就切断 background-clip:text 的连贯,
  span 里文字就全透明看不见

- text.split(...) → text.splitText(...)
  修掉 v4.3 的 deprecation warning

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-24 01:18:57 +08:00
d24821c287 feat: 加 8 个 Live Demo + hero 文字 stagger 动画
- hero: 逐字浮现 + elastic
- stagger grid 15x8 120 点: center/first/random/wave 循环
- animatable 鼠标跟随: 3 种 easing 对比
- additive blend: idle wobble + click shake 不打架
- SVG 三件套: morphTo(星↔心↔圆) + motionPath + drawable
- text.split + stagger: 上移/波浪/故障态
- timeline 位置语法: < += label 三 box 演示
- draggable: 容器边界 + spring + snap

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-24 01:16:46 +08:00
b75961e112 fix: grid minmax 260→220 避免 1200 viewport 下卡片溢出
1200 宽度下 main padding 缩到 2.5rem(media query),可用宽度 840px。
3 × minmax(260, 1fr) + 2 gap = 872 超出 32px。
改成 minmax(220, 1fr),3 × 220 + 32 = 692 < 840,留足余量。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-24 01:07:32 +08:00
0bb5c6b1c3 docs: 完成 anime.js v4.3.6 源码深度解析文档与单页解析站
- .memory/source-analysis.md: 671 行 21 章节,带 file:line 证据覆盖所有模块
- index.html: 1166 行单页,左侧 scrollspy 目录 + 17 个深度章节
  · engine/clock/render/values 四大内核
  · Timer/Animation/Timeline 生命周期三层
  · composition 三态 + additive 叠加
  · stagger/animatable/scope/svg/text/waapi 能力模块
  · draggable/layout/scroll 三个 1000+ 行重武器
  · 15 招精彩设计合集 + 踩坑清单

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-23 23:27:28 +08:00
468c57def5 init: project scaffold 2026-04-23 22:58:36 +08:00