超级酷的项目 来自 Bennett Feely！它将任何网页字体变成 3D 字体，并具有鼠标悬停效果，可在空间中移动 3D 对象。 它让人想起 Zdog，但适用于字体。 它通过将一堆偏移了一些 translateZ 的字形副本堆叠在一起，然后使用一些 透视 和 rotateX/rotateY 在父元素上执行交互式操作来实现其魔力。
这种效果非常有趣。 我难以置信 费雪价格 还没有在全站实施它。
在可访问性方面，我有一些问题。 即使在网站上的 <h1> 中，它也会变成八个 <h1> 元素，我无法想象这对屏幕阅读器来说是超级棒的，更不用说里面的一堆 <span> 元素了。 我想您可以使用带有 aria-label 的单个父包装器来缓解一些问题，对吧？
复制和粘贴也会出现奇怪的结果。 如果我复制，例如，直接横跨一个单词，我往往会得到我想要的东西。 但是，如果我从单词之前复制到单词之后，我会得到所有额外的副本，这绝对是我不想要的。 也许这可以通过一些 user-select: none; 舞蹈来修复。
不仅仅是字体！ Bennett 在 <img> 上的示例很酷，因为它就像在（现实世界）画布上打印照片并将照片拉伸到框架周围，这样即使边缘也有颜色。
我最喜欢的是它在 <svg> 上的外观。 太酷了。
哇！
我们也可以使用文本阴影为文本添加 3D 效果。
这似乎非常“受到”我为 Zdog 创建的 3D 文本库的启发，它被称为 Zfont (https://jaames.github.io/zfont/)。 对此感到有点生气，哈哈