现实CSS角度环视

我在CSS一个类似3D的房间，并用jQuery添加与perspective-origin在鼠标移动一看看周围效果和放大/缩小效果与mousewheel.js改变的perspective量。现实CSS角度环视

但它不是很现实。这不像是我们四处张望，似乎房间变形了。

所以我试图用我的侧壁上的transform: translateY()来解决这个问题，但这不是我所期望的。

你有什么解决方案吗？谢谢！

PS：对不起，我是法国人的英文对白;

2017-12-02 Loarg Ann

这是很难知道你是什么意思的“现实”。 CSS变换不是为了让事物看起来逼真。你有没有任何效果的例子？ – elliottregan

我认为你必须在Z轴上翻译你的房间：$（“section。room”）。css（{transform：'translateZ（'+（value）+'px）'mousewheel event –

Thanks Marouen，我尝试了整个

，但房间正在屏幕上，但我会立即尝试使用房间。 @oatmealsnap：类似FPS游戏的东西。我知道这不会很现实，我会滥用此外CSS 3D，我只是想要一点互动:) –

制作完成！有很多3d transform。如果你想看到不同之处和解决方案，请看小提琴;）

BEFORE | AFTER

与Firefox :(好使用Opera不工作时，Chrome浏览器...我不能，因为我认为这是问题找到Firefox关于3d transforms黑客攻击。

帮助:)

2017-12-03 01:34:29

回答