动画 · Claude Opus 5.5
Lottie 点赞按钮：爱心与粒子爆发
线框爱心蓄势后填充红色，释放彩色粒子，跳动两次，再回到空闲状态。
可复用提示词
原始提示词的准确措辞尚未核实。可将此内容作为起点，并到原始来源查看创作者的说明。
为点赞按钮设计一段简短的 Lottie 循环交互。从线框爱心开始，短暂挤压蓄势，再放大并填充红色，释放一个圆环和少量彩色星星，随后回弹并恢复空闲状态。
仅使用矢量形状图层。循环应紧凑、响应迅速，在 48 px 下仍然清楚。如何改编这个案例
以下为结合现有提示词与来源整理的编辑建议，尚未通过复现验证，不保证得到展示中的效果。
准备哪些输入
确定未选中和选中状态的颜色、粒子配色，以及产品是否需要保留实心爱心。参考提示词会循环回空闲状态，并要求在 48 px 下可读。
建议操作步骤
- 拆分蓄势、放大、粒子爆发和回弹阶段。
- 在主要节拍时，让粒子避开爱心轮廓。
- 用于真实开关时，将循环要求改为独立的选中与未选中状态。
结果检查清单
- 48 px 下仍能清楚辨认爱心。
- 动画不会阻止再次点击。
- 视觉状态与实际点赞值一致。
常见问题与调整
如果已点赞的项目又显示为空心，应调整最终停留画面或状态逻辑；装饰性循环本身不等于完整的点赞功能。
