逼真的 CSS 视角环顾四周

Realistic CSS perspective look around

我在 CSS 中有一个类似 3d 的房间,并使用 jQuery 添加 环顾四周 鼠标移动效果 perspective-origin缩放 in/out 效果 mousewheel.js 改变 perspective 数量。

JSFiddle

但这不是很现实。这不像我们环顾四周,房间似乎变形了。

所以我试着在我的侧墙上用 transform: translateY() 来纠正这个问题,但这不是我所期望的。

你有什么解决办法吗?谢谢!

PS:抱歉我的英语不好,我是法语 ;)

成功了!有很多3d transform。如果您想了解差异和解决方案,请参阅 fiddle;)

BEFORE | AFTER

不适用于 FIREFOX :( Opera 没问题,Chrome...我找不到关于 3d transforms 的 Firefox 黑客攻击,因为我认为这是问题所在。

求助:)