贴纸弹起页脚:鼠标指到就弹起来的模切贴纸
做一个网站页脚:底边贴满互相叠着的模切贴纸,页脚进入视野时一张张贴上来;鼠标指到的贴纸会弹起、摆正、变大,旁边的往两边让开,手机上点一下也会弹起。SandBase 在一张图上画出九张贴纸,Skill 沿每张贴纸自己的轮廓切下来,也可以用你自己的透明 PNG。页脚之前是一个完整的落地页:章节大标题、简介、用 HTML 画的产品控制台、功能卡片、要点、数据、引言和行动按钮,背景光晕随章节变化,底部有悬浮的章节胶囊。
准备好贴纸内容(或你自己的透明 PNG)、品牌、标语、链接栏、配色和语言。Skill 会交付一个完整的落地页(index.html)、一段可以粘进现有网站的页脚、运行脚本和样式、切好的透明 PNG 贴纸,以及开源字体。
使用方法
SandBase 在纯灰背景上画出九张带白色模切边的贴纸。Skill 从边框开始漫水填充去掉背景,把剩下的部分分成一张张贴纸。
构建脚本写出页脚的真实文字,按固定种子把贴纸沿底边排开,带上倾斜和重叠。
在浏览器里,每张贴纸生成一个小的透明度蒙版;鼠标下最上面、轮廓真正覆盖到的那张贴纸会弹起,旁边的往两边让开。
常见问题
换一张新贴纸页要花多少钱?
通过 SandBase 生成一张图:标价 $0.10,两个示例每张实际扣费 $0.075。用你自己的透明 PNG 不花钱。
能用我自己的贴纸吗?
可以。把构建脚本指向一个放着 3 到 16 张透明 PNG 或 WebP 的文件夹,就会跳过生成和切图。
为什么有的贴纸连在一起?
贴纸页上互相碰到的贴纸会被当成一张。提示词要求贴纸之间留空;如果有两张碰到,重新生成这张贴纸页。
为什么这里点链接没反应?
示例运行在沙盒框架里,链接被禁用了。在你自己的页面里,链接会指向你在 site.json 里填的地址。
手机上能用吗?
能。点一下贴纸会弹起一会儿。已在 390 像素宽的手机视口里检查过。开启减少动态效果时,贴纸弹起时没有回弹。
为什么没有在线生成?
生成新场景需要在沙盒里注入模型 Key,后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。