-
Origin-aware animation: An element animates out of its trigger, like a popover growing from the button that opened it instead of from its own center which is the default in CSS.
- Related: Transform origin is the anchor point a scale or rotation grows or spins from. It's the CSS property that makes this work.
-
Rubber-banding: Resistance and snap-back when you drag past a boundary (the iOS overscroll feel).
-
Number ticker: Digits rolling or counting up to a value.
- Pair it with Tabular numbers, which are fixed-width digits so numbers don't shift around as they change. They're essential for tickers, timers, and counters.
-
Skeleton / Shimmer: A placeholder with a moving sheen shown while content loads.
-
Parallax: Background and foreground move at different speeds while scrolling, creating depth.
-
Momentum: Motion that carries velocity, especially after a drag or interruption.
- Related: Velocity is how fast and in which direction an element is moving. A spring carries it into the next animation when interrupted, so a flicked element keeps its speed.
- Related: Drag is moving an element by grabbing it, often with momentum when released.
Test run: six loose descriptions of motion effects. Each returned the glossary term, with related terms where they apply. Short run; the glossary is a fixed list, so effects outside it get an approximation.
它做什么
一个网页动画的反查词表。你描述自己看到或感觉到的（“有弹性”“滑出去”“自己画出来”），它返回匹配的术语和定义，最贴切的排在最前，再加一两个相近的备选，并说明差别（比如 Clip-path 和 Mask，或 Pop in 和 Bounce）。它按词表原文引用，没有完全对得上时会直说，并且只在自己的列表里作答，不会编造词。词表涵盖入场与退场、时序编排、变换、状态之间的过渡、滚动、反馈、缓动、弹簧、循环动效、细节效果、性能和动画原则。
输出
术语、一句话定义，必要时附上最接近的备选。
适合什么场景
知道想要什么效果、却叫不出名字的开发者、设计师和写作者，想要一个准确的词去向设计师或 AI 提需求。
低风险：纯指令文件，没有脚本，不联网，不写文件。它是一份固定的词表，所以词表里没有的效果，只会给出近似说法，或直说缺少对应术语。已用六段含糊的描述试用一次：每段都返回了词表里的术语，并在适用时附上相关术语。没有带问题调用时，它只回复一句问候。作者 Emil Kowalski，MIT 协议。