使用CSS3创建3D图像效果

Create 3D image effect with CSS3?

本文关键字：图像 3D CSS3 创建使用更新时间：2023-09-26

是否有任何方法可以使用CSS3/Mootools来操作图像以创建3D效果?

澄清3D是指你戴上带有红色和蓝色滤镜的眼镜来看到3D效果的那种。而不是像盒子上的投影那样。

如果我有一张普通的照片，我可以用CSS或/和Mootools把它变成3D吗?

您可能可以使用box-shadow和text-shadow在基本级别上实现这种效果。把文本涂成蓝色，把文本阴影涂成红色(不能模糊)。

然而，这只会在一定程度上起作用-会有一些事情你根本无法做到。文本阴影应该能够非常有效地做到这一点，但盒阴影只能在有限的情况下工作。图片当然是不可行的(虽然我猜你总是可以提供你的图片与颜色分割已经在适当的地方)，你必须限制自己有效地单色页面。

这也意味着当你写CSS的时候要手动计算整个东西。嗯…乐趣。

No.

你需要一些非常专业的东西(它可能必须与<canvas>或插件操作)来生成如图像，即使你有一个3d源开始(你没有)。