您的位置: 首页 > 技术问答 > 现实CSS角度环视 现实CSS角度环视 分类: 技术问答 • 2022-06-20 11:37:30 问题描述: 我在CSS一个类似3D的房间,并用jQuery添加与perspective-origin在鼠标移动一看看周围效果和放大/缩小效果与mousewheel.js改变的perspective量。现实CSS角度环视 JSFiddle 但它不是很现实。这不像是我们四处张望,似乎房间变形了。 所以我试图用我的侧壁上的transform: translateY()来解决这个问题,但这不是我所期望的。 你有什么解决方案吗?谢谢 ! PS:对不起,我是法国人的英文对白; +0 这是很难知道你是什么意思的“现实”。 CSS变换不是为了让事物看起来逼真。你有没有任何效果的例子? – elliottregan +0 我认为你必须在Z轴上翻译你的房间:$(“section。room”)。css({transform:'translateZ('+(value)+'px)'mousewheel event – +0 Thanks Marouen,我尝试了整个,但房间正在屏幕上,但我会立即尝试使用房间。 @oatmealsnap:类似FPS游戏的东西。我知道这不会很现实,我会滥用此外CSS 3D,我只是想要一点互动:) – 答 制作完成!有很多3d transform。如果你想看到不同之处和解决方案,请看小提琴;) BEFORE | AFTER 与Firefox :(好使用Opera不工作时,Chrome浏览器...我不能,因为我认为这是问题找到Firefox关于3d transforms黑客攻击。 帮助:)
这是很难知道你是什么意思的“现实”。 CSS变换不是为了让事物看起来逼真。你有没有任何效果的例子? – elliottregan
我认为你必须在Z轴上翻译你的房间:$(“section。room”)。css({transform:'translateZ('+(value)+'px)'mousewheel event –
Thanks Marouen,我尝试了整个,但房间正在屏幕上,但我会立即尝试使用房间。 @oatmealsnap:类似FPS游戏的东西。我知道这不会很现实,我会滥用此外CSS 3D,我只是想要一点互动:) –