介绍
这个资源把标题内容做成纸张弧面上的波浪文字首屏,页面中直接提供柔和、弹跳、抖动三种状态切换,适合做下载站封面、节日横幅和营销页焦点文案。首屏主体就是纸张文字本身,没有额外营销壳子。

技术栈
源码使用原生 HTML5、CSS3 与 JavaScript 编写,不依赖外部框架,适合本地直接预览,也方便嵌入到现有静态页面中继续扩展。
软件架构
- index.html 负责首屏标题、状态按钮、说明卡片和纸张舞台结构。
- styles.css 使用弧面舞台、文字阴影和三套关键帧来塑造纸张波浪感。
- script.js 负责切换柔和、弹跳、抖动三种文字状态。
安装教程
- 解压压缩包后保持目录结构不变,确认 index.html、styles.css、script.js、preview.png 等文件完整。
- 双击 index.html 即可在浏览器中打开预览,或放入任意静态服务器目录中直接访问。
- 如需替换文案与配色,可先修改 HTML 里的标题区,再调整 CSS 变量和脚本里的数据源。
使用说明
- 打开页面后默认展示柔和浮动状态,适合做静态封面或文章头图。
- 点击顶部按钮可切换不同抖动强度,观察标题在同一构图中的变化。
- 如需替换成自己的词组,只需修改 `.paper-word` 中的文字内容即可。
功能讲解
- 首屏使用三层错位文字构成完整主体,截图时能直接展示“波浪纸张”效果。
- 弧面色带和纸张纹理一起强化了 GIF 贴纸的轻量视觉,不会只剩纯文字。
- 脚本只做模式切换,适合复制进现有专题页或下载页中复用。










