如何在CSS中创建不规则的3D形状？

Question

我发现了这个令人惊叹的网站设计，虽然它真的很酷。

所以我想知道他是如何使用 CSS 或在线 CSS 生成器在英雄部分制作这个不规则的 3D 形状的。我知道如何使用它作为背景，只需要形状。

Answer 1

有一个名为 AceternityUI 的 UI 库可以做到这一点，但不是使用纯 css。您可以检查他们的 MacBook Scroll 组件。它们是免费且开源的。 在 3 维中旋转一个对象，但在 2d 中显示它们并不是一个简单的情况，我认为 css 不可能做到这一点。

但是您可以扩大图像的底部并缩小图像的顶部，这将使其看起来像是使用 JavaScript（或 TypeScript）在 X 轴上旋转。