文案库 · 小红书

别再跟 AI 说'做个酷一点的动画'了

X产出 · 2026-10-14 · 赞 484 · 收藏 919 · 评论 13 · 读取于 2026-10-24

要点（每条带原文引文）

网页动效的高级感取决于是否使用精确的技术术语，而非模糊的审美描述。 — ✓ “差的不是技术，是你叫不出那个动画的名字”
向 AI 提供具体的参数（如透明度变化、位移距离、时长和缓动函数）能实现精准还原。 — ✗ “换成进入视口时 opacity 0→1...一次就对”
作者整理了24种最常用的网页滚动动画，分为两辑展示。 — ✓ “动画 24 式”
提供的资源包含动画演示、中文名称、一句话解释以及可直接复制给 AI 的提示词。 — ✓ “每张都附一句 AI 提示词，复制给 AI 就能还原”
第一辑包含12种动画类型：淡入、滚动联动、粘性固定、交错入场、滚动缩放、滚动叙事、遮罩揭示、线条描画、滚动吸附、打字机、背景色过渡、隐藏头部。 — ✓ “第一辑 12 种👇 淡入｜滚动联动｜粘性固定”
这些模板适用于个人主页、作品集和落地页的设计制作。 — ✓ “做个人主页、作品集、落地页都能直接套”

要点由 LinkDigest 的模型写出，引文逐字核对过：✓ 在原文里找到了，✗ 没找到。

@点点总结一下提示词 · 2 条回复
很好呀👍看了两遍，689不是特别流畅 · 1 条回复
ai指令PPT动画 · 2 条回复
7 遮罩揭示图片 clip-path 从 inset(0 100% 0 0) 过渡到 inset(0)，从左向右揭示 8 线条描画 SVG 路径的 stroke-dashoffset 随滚动从全长过渡到 0，逐步描出线条 9 滚动吸附容器 scroll-snap-type: y mandatory，每屏 scroll-snap-align: start 10 打字机文本逐字打出，每字间隔 60ms，末尾保留闪烁光标 11 背景色过渡滚动经过区块时，背景色从米白平滑过渡到品牌蓝，scrub: true 隐藏头部向下滚动时头部 translateY(-100%) 隐藏，向上滚动立即滑出
1 淡入进入视口时 opacity 0→1 并上移 24px，0.6s ease-out，只触发一次 2 滚动联动顶部进度条宽度绑定页面滚动进度，用 CSS scroll-timeline 实现 3 粘性固定分组标题 position: sticky; top: 0，滚到下一组时被顶替 4 交错入场卡片网格依次淡入上移，每项延迟 80ms，用 GSAP stagger 实现 5 滚动缩放区块 pin 住，图片随滚动从 scale(0.4) 放大到铺满视口 6 滚动叙事左侧文字分步滚动，右侧图表 sticky 固定，并随当前步骤切换

图上文字 4 行
抽帧间隔不超过 8.6 秒
没读到：no speech transcript: no speech was recognised in the audio
没读到：comments: the top 5 of 13 read from the share page; the rest of the thread not read

只有计数和一句样例；全文留在原帖。

LinkDigest

贴一条小红书、抖音、B站、微博、公众号、YouTube 或 TikTok 链接，几十秒后拿到文案、逐字稿、图上文字和要点。

digest console

resolvefetchreaddigest

Try an example below, or paste your own link.

try