我想要实现的目标：我想用2d png制作旋转的3D徽标。
对于旋转，当然，我将使用CSS3的3D变换。但是有一些CSS可以给png一些深度吗？就像在Illustrator中使用挤压一样？我已经看到你可以在CSS3中做一些像3D立方体这样的事情。但Logo有许多曲线，我真的不知道从哪里开始实现这种效果。
我有什么资源可以查看吗？但我没有发现任何事情。
祝你好运
答案 0 :(得分：0)
有“新”css drop-shadow()过滤器：https://developer.mozilla.org/en-US/docs/Web/CSS/filter#drop-shadow()
但目前还没有一种CSS方法可以将2d形状“挤出”到3d中。如果出于兼容性原因，最好的办法是制作一个已经有此功能的.png。
答案 1 :(得分：0)
我已经构建了一个可以加载obj文件的CSS 3D引擎。因此，您必须在3D程序中构建徽标并将其导出为obj文件。
示例：http://css3d.bitworking.de/examples/example05.html
它有一些缺点：您只能使用平面四元素来建模对象。而且速度不是很快。 （我的徽标有276个div元素，并且它非常占用CPU）
因此，如果徽标不必是交互式的，那么最好使用gif动画，电影或精灵动画（在某种程度上是交互式的）。
否则你可以使用WebGL（例如JS库http://threejs.org/），它是硬件加速的，可以很好地处理很多多边形。但您还必须在3D程序中构建徽标，该程序可以导出为obj，3ds，fbx，ctm或混合文件格式。 （例如http://www.blender.org/）
示例：