逼真的CSS视角环顾

Question

我在CSS中有一个类似3D的房间，并使用jQuery在perspective-origin和环顾效果>使用mousewheel.js放大/缩小效果会更改perspective金额。

JSFiddle

但这不太现实。它不像我们环顾四周，似乎房间变形了。

所以我尝试用侧壁上的transform: translateY()来纠正这个问题，但这不符合我的预期。

你有解决方案吗？谢谢！

PS：对不起我的英语，我是法国人;）

Answer 1

制作它！有很多3d transform。如果你想看到差异和解决方案，请看小提琴;）

BEFORE | AFTER

不使用FIREFOX :(好的，Opera，Chrome ......我找不到关于3d transforms的Firefox的黑客，因为我认为这是问题所在。

帮助：）