使用css将2D徽标转换为3D？

我想要实现的是：我想用2d png制作一个旋转的3D徽标

当然，对于旋转，我将使用CSS3中的3D变换。但是有没有一些CSS可以给png一些深度呢？比如在Illustrator中使用挤压？我看到你可以在CSS3中制作3d立方体。但是这个标志有很多曲线，我真的不知道从哪里开始达到这个效果

有什么资源可以让我查到吗？但我什么也没找到

致以最诚挚的问候

新的css下拉阴影过滤器：

---

但目前还没有一种CSS方法可以将2d形状挤出到3d中。你最好的选择是制作一个已经有这个功能的.png，如果只是出于兼容性的原因。

我已经构建了一个CSS 3D引擎，可以加载obj文件。因此，你必须在3D程序中创建你的徽标，并将其导出为obj文件

例如：

它有一些缺点：只能使用平面四边形元素对对象建模。而且速度不是很快。我的logo有276个div元素，非常占用CPU

因此，如果徽标不必是交互式的，您最好在一定程度上使用gif动画、电影或精灵动画

另外，您可以使用WebGL，例如JS库，它是硬件加速的，可以很好地处理许多多边形。但你也必须在3D程序中创建徽标，该程序可以导出为obj、3ds、fbx、ctm或混合文件格式。比如说

示例：

---

我会用动画gif来做这个。CSS不允许你挤出一个形状。啊，我明白了。。谢谢你的回复。我想我们得等一段时间，直到这一切发生