钉钉首页特效
使用纯 CSS 还原钉钉首页的核心视觉与动效，拆解多层元素的节奏、轨迹和组合关系。
个人作品Web动效复刻CSSCSS AnimationScroll Timeline
作品介绍
钉钉原首页的核心动效会跟随页面滚动进度连续变化。这类效果通常需要用 JavaScript 监听滚动并驱动动画，或借助 GSAP 等动画方案实现。
出于对 CSS 新特性的兴趣，这个作品没有使用 JavaScript 控制动画，而是采用 CSS Scroll-driven Animations 中的 Scroll Timeline，将页面滚动进度直接映射为动画时间轴，用纯 CSS 还原原本需要 JavaScript 才能完成的滚动联动效果。