12 lines
410 B
Markdown
12 lines
410 B
Markdown
|
### F5 · Annotated screenshot
|
||
|
|
A product capture sits centre-stage with arrows or short labels pointing to UI details.
|
||
|
|
*Use when:* the product UI itself is the explanation.
|
||
|
|
*Don't confuse with:* F2 Sticky-scroll (which uses multiple screenshots in sequence).
|
||
|
|
|
||
|
|
```html
|
||
|
|
<figure class="annotated">
|
||
|
|
<img src="" />
|
||
|
|
<span class="callout" style="--x:60%; --y:30%;">→ assigns automatically.</span>
|
||
|
|
</figure>
|
||
|
|
```
|