```html

你在浏览过的网页中看到过哪些网页效果？

鼠标滑过一张卡片，卡片突然向上浮起两像素，网页网页底下拉出一道淡淡的到过阴影。就这么个小动作，效果我盯着看了三秒。浏览不是网页网页没见过，但每次遇到都忍不住多停留一下。到过网页效果这东西，效果像做菜时撒的浏览那把葱花——没有也能吃，有了就活过来了。网页网页

最常撞见的到过，大概是效果滚动视差。去年看某个独立设计师的浏览作品集网站，往下滚的网页网页时候，背景里的到过几何图形移动得比文字慢半拍。那种错位感很微妙，像隔着有雾的玻璃看街景。不过用多了也烦，有些新闻网站硬给每段文字都加视差，滚起来头晕，像坐了一趟没睡好的长途大巴。

另一种高频效果是悬停触发的微交互。按钮变色不稀奇，但有些做得特别细。比如 Stripe 的官网，鼠标移到“Start now”按钮上，按钮背景会从右往左刷上一层深蓝，同时文字微微上移一像素。整个过程不到 200 毫秒，但手指会记住那种“被回应”的感觉。反过来，有些网站 hover 效果太夸张——按钮突然放大 1.5 倍，还带旋转，像在喊“快点我”。用力过猛。

加载动画也值得一说。骨架屏（Skeleton Screen）刚出来那阵子，我觉得挺聪明。内容没来之前，先铺几块灰底圆角矩形，用户知道“这儿马上有东西”。但后来泛滥了，连一个只有两行字的免责声明也要先闪三下骨架。没必要。更烦的是全屏加载遮罩，转圈圈转五秒，转得人想关标签页。我的判断：超过 1.5 秒的加载动画，不如直接给个进度条百分比，至少诚实。

---

还有一种效果，我私下叫它“滚动劫持”。你正往下翻，突然页面不动了，然后像被谁拽了一把，整屏内容横向滑走，换成另一段。第一次见是在某个汽车品牌的宣传页，当时愣住，以为触控板坏了。后来知道这叫“全屏滚动切换”。用得好是沉浸式叙事，用得烂就是绑架。尤其当你想快速划过时，它偏要一页一页地卡，像遇到一个非要给你讲完 PPT 每一页的销售。

说到细节，光标效果也悄悄流行过一阵。有些作品集网站把默认箭头换成一个带拖尾的小圆点，移到链接上还会膨胀。好看是好看，但如果你用触控板，那个小圆点会滞后半拍，像在溜冰。还有个问题：光标效果往往和文字选择冲突。想复制一段话，结果拖拽的是那个装饰圆点，火大。

表单验证的即时反馈也算网页效果。输入邮箱格式不对，边框变红，底下冒出一行小字“请输入有效邮箱”。但有些网站偏要等提交后才告诉你，还弹一个模态框，关掉之后之前填的全没了。这种效果不如没有。

最后提一个我最近才注意到的：滚动到页面底部时的“弹性回弹”。macOS 上浏览器自带这个效果，但有些网站会用 CSS 模拟，让整个页面像一张被拉过的纸。轻微的阻尼感，松手后慢慢弹回去。第一次摸到觉得新鲜，摸多了觉得像在玩一个坏掉的鼠标滚轮。不过，如果只用在移动端下拉刷新，倒是挺自然。

网页效果这东西，跟做菜撒盐一样。少了没味，多了齁。最好的状态是你没注意到它，但操作起来就是顺。那些让你停下来“哇”一声的，往往不是最复杂的，而是刚好卡在预期和意外之间的那几毫秒。

——写于一个刚被全屏滚动劫持了三次的下午

```