我们有一个需要在页面上旋转的图像 - 它不是方形图像（嗯..图像是方形的，但它是透明背景上的不规则形状）。让它旋转不是问题，但是当它侧身时它会完全消失——我们需要它是一个“3D”图像，这样它就不会随着它的移动而消失？
问问题
282 次
2 回答
1
http://css3.bradshawenterprises.com/flip/
所描述的解决方案使用原生 CSS 过渡。如果浏览器不支持这些，它会退回到 jQuery Flip 插件。
于 2012-08-07T10:36:23.113 回答
0
粗细部分可能是您使用 CSS/JavaScript （还）不会得到任何结果的地方。浏览器如何知道您的对象从侧面看起来如何？
为矩形对象伪造这个很容易，只需在两侧放置一些 div 并制作一个非常薄的盒子。
对于不规则形状，您可以尝试使用在原始图像后面复制几次并在 z 轴上偏移半个像素的相同图像。从侧面看，这可能仍然很奇怪。
看到这个小提琴在这里我创造了我正在谈论的效果。这种方法的问题在于，尽管您可以通过分层提供厚度，但无法告诉浏览器这实际上是一种固体介质。如果不涉及动画，您可以摆脱这种效果。
于 2012-08-07T12:48:39.180 回答