嵌入HTML测试

1. 呼吸脉冲圆环#

2. 渐变文字流光#

3. 悬浮卡片#

4. 加载动画#

5. 打字机效果#

6. 弹跳小球#

💡 提示：以上动效使用纯 CSS @keyframes 实现，无需 JavaScript，兼容大多数支持 HTML 渲染的 Markdown 平台（如 GitHub、GitLab、Notion 等部分支持）。 使用说明： 将上述内容保存为 .md 文件，在支持 HTML 渲染的 Markdown 查看器中即可看到动效 大部分平台（如 GitHub）出于安全考虑会过滤掉

title: 动效展示 published: 2026-07-11 description: 在 Firefly 主题中嵌入 HTML 动效 tags: [Astro, Firefly, 动效] category: 前端 draft: false#

🎆 萤火虫主题动效合集#

以下动效均使用原生 HTML + CSS，可直接嵌入 Firefly 的 Markdown 文章中。