Motion Prompt #080|荧光笔标记动画 · Highlighter animation
重点文字下方逐渐画出色带
部分附加信息、来源说明或示例仍显示原文。
来源:import:liubai_public_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0322/original.md · 授权:MIT License Copyright (c) 2026 Shohei Ohtaki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
使用示例提示词正文
请使用“Highlighter animation”(マーカーアニメーション),它是“Landing page & web effects”中的一个名称。 Motion Prompt #080 定义:在关键词下方绘出荧光笔划。 示例展示:文案滚入视野时,黄色荧光笔划从左到右扫过关键词的下半部。 规格: - 滚动量在0.35–1.0 s从0→90 px,1.6–2.2 s从90→180 px,3.3–4.4 s从180→0,使用cubic ease-in-out。 - 两行20 px粗体文案分别位于页面纵向190 px和290 px,初始藏在视野下方。 - 每行顶边经过触发线(视口高度80%,即134 px)时,其关键词下方开始绘制笔划。 - 笔划为黄色#FFE36B,高11,位于文字下半部(基线上方8 px至下方3 px);宽度在0.8 s内从左侧0增至词宽,使用cubic ease-out,绘制在文字后面。 - 离开视口底部的行在视野外重置。 何时使用:落地页文案被读到时,突出最重要的短语。 参考实现(Canvas 2D,画面仅由时间决定的函数):https://showheyohtaki.github.io/motion-prompt/api/v1/en/e/080.txt 共享辅助代码:https://showheyohtaki.github.io/motion-prompt/api/v1/kit/lp.js 请保持参考实现的形状、时间安排和缓动数值不变,只调整文字、颜色和素材,以适配我正在制作的项目。
使用示例
示例输入
请实现“荧光笔标记动画 · Highlighter animation”:重点文字下方逐渐画出色带
示意结果
下方是来源作者提供的静态画面和可播放动效参考,并非本站对该提示词调用模型生成的结果。
提示词仅供参考,请结合实际场景调整,并核实 AI 生成结果。