Polish & EffectsSmall finishing touches
Specific techniques that add finish, best used sparingly at one or two key spots.
11 motions
- Clip-path裁剪路径 A shape decides which parts of the element are visible, cutting the rest away cleanly
- Before / after slider前后对比滑块 A vertical divider splits the before and after images, and dragging it shows the change as…
- Line drawing线条自绘 The line looks like it is being drawn by a pen, extending from start to end rather than fa…
- Text morph文字形变 When one word replaces another, the old one rises and fades out while the new one comes up…
- Skeleton / Shimmer骨架屏微光 Grey blocks hold the layout while loading and a sheen sweeps slowly across, giving the wai…
- Number ticker数字滚动 The number rolls quickly from the old value to the new one instead of jumping, so the size…
- Typewriter打字机 Text appears one character at a time as if someone were typing it live, with a caret blink…
- Text scramble文字乱码解码 A line of garbage characters flickers rapidly and then locks into the real text from left …
- Dual-copy colour wipe双色刷色 The colour of a line is brushed across: the new colour is pushed in from one side until it…
- Variable font proximity可变字重跟随 As the pointer sweeps a line, the characters nearest it get heavier and wider, as if pushe…
- Noise lens reveal圆形噪点透镜 As the pointer moves across the picture, a soft-edged, grainy circle follows it