Motion 微交互
三个小动作
三处为交互做的动:站点头会走的墨块、换页的幕、做完事的一句回执。
01
站点头的墨块
当前那一格底下的实心墨,是滑过去的:从上一页的那一格出发, 带一点回弹,落到这一格。翻页时你能看见它走。
现在直接点站点头里的别的格子,翻过去再看一眼;也可以按下面的按钮原地重放一次。
来源:assets/navink.js
02
页面转场
按一下真的走一遍:一道线从左扫到右,幕跟着落下;到新页幕升起、线再扫一次。 深色页落黑幕,浅色页落白幕,不会白闪一下。
回这一页按浏览器后退就行。
来源:assets/transition.js
03
操作成功反馈
做完一件事,底部中间浮起一句回执,2.6 秒自己走。 站上真用到的地方是「我的」里清空记录(重载回来补一句「记录已清空」),和书架的导入回执。
来源:assets/toast.js