perspective 相关问题

我正在尝试在应用透视并保留 3-d 后应用translateZ 但没有应用在我的容器上；这是 HTML 代码我尝试在应用透视并保留 3-d 后应用translateZ 但没有应用在我的容器上；这是 HTML 代码 <div class="wrapper"> <div class="container"> <div class="box"> </div> </div> </div> 这是CSS .wrapper { height: 100vw; width: 100vh; perspective: 10px; } .container { width: 80%; height: 79%; transform-style: preserve-3d; overflow:hidden; } .box{ height: 40%; width:30%; margin:20px; background-color: green; transform:translateZ(-33px); } 注释溢出属性后， tranlateZ 工作正常如果我尝试使用溢出-x 或溢出-y，也会出现同样的问题；为什么会出现这种情况。有什么办法解决吗？您必须将视角移动到 .container 元素。使用overflow: hidden可以防止透视效果的“传播” .wrapper { height: 100vw; width: 100vh; } .container { width: 80%; height: 79%; transform-style: preserve-3d; overflow:hidden; perspective: 10px; } .box{ height: 40%; width:30%; margin:20px; background-color: green; transform:translateZ(-33px); } <div class="wrapper"> <div class="container"> <div class="box"> </div> </div> </div> 您面临的问题与溢出属性有关。当您在.container元素上设置overflow:hidden时，它会创建一个新的堆叠上下文，这会影响translateZ属性应用于其子元素的方式。当您使用overflow:hidden时，.container元素将成为其子元素的新容器，并且translateZ将相对于该新容器的位置应用。这可能会导致 3D 转换出现意外行为。要解决此问题，您可以将溢出：隐藏属性应用于包装元素而不是 .container 元素。

html css overflow parallax perspective

回答 2 投票 0

如何从透视投影图像制作正交投影图像？

我希望能够为我的程序提供图像（可能来自相机）并获得该图像的正交视图。我看过这篇文章，但一直无法做到。我想要 pyt 的教程...

python image perspective perspectivecamera orthographic

回答 0 投票 0

当在 gridster 库中加载时，下拉菜单在 js 的透视库中不起作用

我在gridster库中加载了js的透视库，我在透视库中给出了静态数据。 var gridster = $(".gridster-container ul").gridster().data('gridste...

javascript jquery perspective gridster

回答 0 投票 0

在 OpenGL 中，无论 zFar 有多大，对象都会消失在平截头体后面

我正在用 OpenGL 绘制立方体。正交投影效果很好，但透视投影会产生黑屏。所以我尝试了两种投影类型之间的插值，看看为什么

opengl perspective clipping frustum

回答 0 投票 0

css文字不停的怎么办？

我想做一个不断移动的文字。我看过一个例子，我很喜欢它，但我试图修改它，但它坏了。现在文本通过两个不同的平面旋转，但不是

html css animation perspective

回答 0 投票 0

透视投影，正典视角量

Vector3d nearC(0,0,0 -w); Vector3d farC(0,0,0-x); double width = y2; double height = z2; double angleOfHeight = atan(heightw); double angleOfWidth = atan(widthw); double adjustedHeight = tan(...)

opengl perspective frustum

回答 1 投票 1

为什么带有隐藏的溢出的translateZ会导致向右轻微移动？

我试图基于Google的Performant Parallaxing使用纯CSS创建视差效果。这涉及到使用透视图，translateZ和scale。它还涉及使用...的许多“层” ...] >>

html css css-transforms parallax perspective

回答 1 投票 0

如何用一个元素创建3D透视图图像？

我有一个给定图像的代码可以实现3D透视效果。结果是：这是代码：.thumb {margin：100px;视角：1000px；宽度：1920px； ...

html css image css-transforms perspective

回答 1 投票 1

[2D影像到3D世界透视图

我一直在尝试为安装在高处的单个固定摄像机从3D空间中的2D图像中找到检测到的物体。我经历了类似的问题，但是透视图不是...