Pointer has weight.
卡片按鼠标位置产生轻微倾斜,角度被控制在可感知但不晕眩的范围内。
Pakhozako前端创作者,喜欢把逻辑写得柔软一点。
我把排版、状态、动效和手感放在同一张纸上校准。页面不急着说服谁,它先让人愿意停留。
好的界面不是把文字排满,而是让每一句都有停顿、方向和重量。
把字号当作呼吸, 把行距当作光线, 把留白当作另一种内容。
每一段文字都可以被触碰。 鼠标经过时,色彩只轻轻抬头。 滚动进入时,句子从纸面下方浮上来。 这不是装饰,是阅读节奏的手把手校准。
真正细腻的交互不需要大声,它只要在用户靠近、按下、拖动时及时回答。
卡片按鼠标位置产生轻微倾斜,角度被控制在可感知但不晕眩的范围内。
magnetic response
按钮会被鼠标轻轻吸过去,离开时弹回原位。弹性只用在这里,像一次小小的回应。
这个场景由 ScrollTrigger 驱动。背景层慢,前景层快,线条和标记随滚动一起推进。
代码展示不是截图,也不是装腔。每一行都能被读到、被悬停、被解释。
把鼠标放到任意一行,旁边会显示它在界面里的作用。
const motion = {
revealDelay: 0.05,
ease: "power2.out",
follow(target, prop) {
return gsap.quickTo(target, prop, {
duration: 0.48,
ease: motion.ease
});
}
};
如果一个界面需要被认真对待,我会从文字、空间和状态开始,把它做成可以停留的地方。