我正在尝试在 CSS 中制作 Isometric 3D，这是我现在拥有的: http://jsfiddle.net/AagGZ/1/ (webkit仅供测试)
我基本上是使用 box-shadow，1px x 1px 来创建 3D 效果，这对我来说似乎很老套。制作动画时，我试图添加新的 1px 层，因此动画失败(不太好)。
有没有更好的方法来实现它？我想到了在 css 内容之前和之后添加 div 的 CSS Matrix。
这应该是对我的元素的一个很好的添加，而不是基本功能，所以我可以接受它不能在 IE9 以下工作。
感谢您的帮助。
编辑:我重新打开了这个问题，因为你需要有一个纯色背景这个事实有点问题，过滤器之前和之后创建大的“不可见”白色箭头，当你有不同的时候它变得非常痛苦网站不同部分的背景，或者当您想要更改悬停在另一个元素上的背景时。 我现在要回到我的版本并禁用动画。 欢迎任何想法!
最佳答案
我不确定我的版本是否比您的版本更简单。不过，这是一个有趣的问题，我试了一下。
http://jsfiddle.net/duopixel/5fdcj/
我的版本添加了简单的边框并创建了我使用边框形状的斜 Angular http://www.howtocreate.co.uk/tutorials/css/slopes .如果您的背景不是纯色，这将不起作用。
在我看来，最干净的解决方案是使用边框图像:http://www.css3.info/preview/border-image/ .
关于3d - 如何在 CSS 中制作等距 3D，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5134770/