Polish & Effects · Small finishing touches
Dual-copy colour wipe双色刷色
- brushed across
- text never moves
- directional
The colour of a line is brushed across: the new colour is pushed in from one side until it fills the line, while the text itself never moves. It is not a fade — it is a paint stroke.
When to use it
Use it on links, emphasised headings, price changes, and the active nav item. Do not use it on a paragraph — the frames mid-wipe are unreadable.
Parameters
two stacked copies · top clip-path inset(0 100% → 0 0) · gradient mask soft edge · 620ms cubic-bezier(.65,0,.35,1) · text position fixed
Recipe
Dual-copy colour wipe → 620ms cubic-bezier(.65,0,.35,1)Dual-copy colour wipe → two stacked copies · top clip-path inset(0 100% → 0 0) · gradient mask soft edge · text position fixed
One sentence for your AI
Brush a second colour across this line: stack two identical copies exactly on top of each other, make the top one the target colour, and push it from clip-path: inset(0 100% 0 0) to inset(0), with a gradient mask softening the seam, over 620ms cubic-bezier(.65,0,.35,1). The text position and size never change.