使用CSS3创建3D图像效果？

Question

有没有办法用CSS3 / Mootools操作图像来创建3D效果？

使用红色和蓝色滤镜上的3D眼镜来清晰地显示3D以查看3D效果。不只是盒子上的阴影有点像。

如果我有正常的照片，我可以使用CSS或/和Mootools动态转动3D吗？

Answer 1

没有

你需要一些非常专业的东西（它可能需要与<canvas>或插件一起运行）才能生成诸如图像，即使你有一个3d源（你没有）。

Answer 2

您可能可以使用box-shadow和text-shadow在基本级别实现此类效果。将文本颜色为蓝色，文本阴影为红色（并且不模糊）。

然而，这只会达到一定程度 - 有些事情你根本做不到。文本阴影应该能够非常有效地执行此操作，但是框阴影仅在有限的情况下有效。图像肯定是不可行的（虽然我猜你总是可以提供已经到位的颜色分割你的图像），你必须限制你自己有效的单色页面。

这也意味着在编写CSS时手动计算整个事物。嗯....好玩。