HTML 嵌入实验室 - CSS 3D 盒子查看器 & fetch 小程序

1. CSS 3D 立方体查看器

零行 JavaScript - 纯 CSS 3D 变换即可运行的盒子。鼠标悬停时停止。

关键在于父级设置 perspective、立方体设置 transform-style: preserve-3d、六个面分别设置 rotate + translateZ(半边长) - 仅此而已。

2. 基于 fetch 的微应用 - 博客搜索小部件

本文中嵌入了可运行的应用。在下方输入关键词搜索，即可通过 fetch 调用本博客的 /api/search 并显示结果。

工作原理：在正文 Markdown 中嵌入 `

4. 折扣价计算器（表单 + 实时计算）

5. KST 实时时钟

此刻的韩国时间 -

6. 外部 iframe（YouTube）

6 种小部件：CSS 3D · fetch 搜索 · Mermaid · 计算器 · 实时时钟 · iframe。脚本全部自行托管在 public/embeds/ - 与 CDN 屏蔽（CSP 'self'）无关，均可正常运行。