# 马克笔划线（Highlighter Mark）

镜语 · 特效与转场 / 标注与数据

- 别名：荧光笔划重点、高亮划线、荧光标记
- 口语：「像用荧光笔一样把重点那句话刷黄」「知识视频里一句一句划重点」
- 一句话：半透明荧光色从左往右刷过重点句，文字仍在色块上方
- 是什么：马克笔划线模拟荧光笔在纸上涂过重点句：半透明或亮黄色块从左往右刷到文字后面，文字本身保持清晰。常用在知识类、复盘类视频的文字页
- 缺了就不像：色块在文字后面；从左往右展开；只覆盖重点词
- 加了更像：略微倾斜；只覆盖下半部；和讲解顺序同步
- 适合用在：知识视频、读书分享中的要点页；复盘、教程中的步骤清单；带货讲解里的参数对比或注意事项
- 看哪里：色块从每个重点词的左边开始向右展开，压在字的下半部分、位于字后面；三处重点依次刷出，顺序与讲解顺序一致
- 注意：色块盖在字上面会降低可读性；整段都刷黄就失去了「重点」的意义；深色背景上的荧光黄可能显得刺眼，需要降低饱和度
- 描述示例：在米白色笔记页上逐行显示 3 条要点，再依次用亮黄色荧光笔效果从左往右刷过重点词，色块略倾斜、圆角，只覆盖字的下半部分并在文字后面，每处约 0.5 秒，顺序与口播一致
- 易混：
  - [下划线绘制](https://idea.ameng.dev/terms/underline-draw.md)：下划线只是一条线，马克笔是一块底色
  - [卡拉 OK 字幕](https://idea.ameng.dev/terms/karaoke-highlight.md)：卡拉 OK 改变字本身颜色并表示时间进度
- 相关：[圈出重点](https://idea.ameng.dev/terms/circle-annotation.md)

## 来源与延伸阅读

- [MDN · mix-blend-mode 混合模式](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode)
- [GSAP · Staggers 错峰动画](https://gsap.com/resources/getting-started/Staggers/)
- [Wikipedia · Highlighter](https://en.wikipedia.org/wiki/Highlighter)

网页版（含演示）：https://idea.ameng.dev/terms/highlighter-mark