MOTION LAB / SVG STUDY 01
鹈鹕
骑车。
一个不依赖图片素材的 2D 动画。鹈鹕的翅膀、车轮和脚踏分别拥有独立节奏,打开页面就会开始循环。
SVG shapes / CSS keyframes / no external assets动画会在 prefers-reduced-motion 下保持静止
把系统做得可靠,也让它有性格。
这个页面可以继续扩展成产品 onboarding、状态页或互动案例。SVG 保持轻量,CSS 动画保持可控,结构化标题和描述也让页面能被搜索引擎理解。