現實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

回答