动 效 样 板 间
小老者的一天,

小老者的一天,
陪你从第一屏走到最后一屏
这一页的主题不是长什么样,是怎么动。往下滚——左下角的小老者会沿着小路陪你走完六个场景:晨光、读书、喝茶、挑书、摘菜,再到星空下打个盹。

向 下 滚 动 · 故 事 开 始
配色参数
六个场景的底色,就是这一页的调色盘。点任意一块颜色,直接复制色值。
第一场 · 晨光小屋


天亮啦,先伸个懒腰。新的一天,从把窗户打开开始。
第二场 · 大树下读书


书页翻开,今天开始营业。读到发光的那一页,记得别出声。
第三场 · 茶桌时光


茶要趁热,话要慢慢说。这一杯,敬十年读过的书。
第四场 · 书市挑书


高处那本,踮起脚就够得着。好书和好日子,都值得伸长手臂。
第五场 · 菜园摘菜


自己种的菜,摘下来最香。脑子也一样,得自己种、自己收。
第六场 · 星空打盹


今日营业结束。抱着没读完的书,连梦里都在翻页。(小老者已经在左下角睡着啦)
动效组件 · 数字滚动
数字不是写死的——滚到这里,它自己数给你看。
0本
私人藏书,每一本都读过、想过、划过线
0章
《道德经》帛书甲本,一章一章读完
0年
十年阅读,慢慢攒成今天这个小站
动效组件 · 跑马灯
一句话跑个不停,鼠标放上去它会停下来等你。
动效组件 · 悬停倾斜
把鼠标在卡片上晃一晃,它会跟着你的手倾斜;手一走,自己弹回来。
够得着的那本书
倾斜不是炫技,是让页面知道「你来了」。幅度克制在 8 度以内,像微微点个头。
动效组件 · 依次显现
六个场景排队入场——不是一起糊上来,是一个一个来。






