Back to Animations
Hand-Drawn Annotation
手绘批注划入
A highlighter sweeps across the text, a hand-drawn arrow sketches in, then a tilted handwritten label fades up - a three-beat annotation entrance. Annotation visual language adapted from neat-annotations by Maxim Syabro (MIT); this entry adds the draw-in choreography.
TextOn ScrollIntermediate
Preview
Code
Duration
1.6s
Easing
cubic-bezier(0.22, 1, 0.36, 1)
CSS Properties
background-size, stroke-dashoffset, opacity, transform
Use Cases
- 教程 / 文档中强调关键术语
- 落地页给卖点补充旁白式注释
- changelog 里圈出新特性