问题标签 [webkit-perspective]

基本上标题说明了一切。我有这个代码：

现在这在 Chrome 和 IE 中运行良好。我在 Firefox 中遇到了这个问题。div 是旋转的，但不像在 Chrome 和 IE 中那样。有谁知道这个问题的原因，以及如何解决这个问题？添加-moz-perspective也不起作用。

我想用jQuery动态设置div的透视原点的css值。这是一个具有动态顶部和左侧的绝对 div（弹出窗口）（取决于窗口大小、滚动等...）。

当我打开弹出窗口时，我想在 css 中使用 transform: translateZ(-150px); 做一个动画。但我必须将透视原点设置为弹出窗口的中心。

在 javacript 我做了以下代码

console.log xyPos return 538.5px 3024.5px 这样应该可以工作...

当我检查 .popup-container 时，我没有看到透视原点集。

有关信息，我已经尝试设置 -webkit-perspective-origin 但也没有用。

Jquery .css() 方法是否处理透视原点？

提前感谢您的回答。

我有一个显示翻转卡的JSFiddle，它可以在 chrome 中正常工作，但 Firefox 中的深度透视是平坦的，我不确定问题出在哪里。

我试过添加：

和

所有课程（如卡片）我都没有运气。

HTML结构是：

简化的 CSS 是：

我见过像This one这样的工作示例。谁能告诉我我缺少什么或者这种结构不可能？

将 animate.css 用于项目并在 iOS8 Mobile Safari 上遇到了主要障碍。

使用透视的动画都不起作用。这已被确定为已知问题，但尚未提供解决方案。

我在下面包含了特定的 CSS 代码供您参考。

非常感谢任何帮助，因为我在任何地方都没有找到关于这个问题的任何信息。

我有一个图像，通过应用 z translate 和一些视角，视觉上应该变得更大。我需要计算 z 方向dist的平移距离，这将导致初始图像投影的尺寸增加一些因素。

我正在使用 webkit-perspective 为 CSS 中的幻灯片过渡设置动画。它适用于除 safari 之外的所有主要浏览器。
第二张幻灯片的文字闪烁。我在这里找到了包含-webkit-backface-visibility: hidden; 父元素的解决方案。但这对我不起作用。
该网站是：http
://www.venicedev.com我认为这是因为我的画布元素在文本的背面。但我找不到任何转机。任何人都可以帮助我吗？

所以我试图在元素上添加透视变换，但它会切断 Safari 中的文本。如果您在 Chrome 中打开以下 CodePen，它会正常显示，但在 Safari 中，白色文本会被截断。我搜索了其他问题，但似乎没有一个可以解决我的问题。

http://codepen.io/anon/pen/aOaNNX

我在使用 Chrome 时遇到了一个奇怪的问题。

如果我创建一个div具有某种透视、边框半径、溢出隐藏和div元素内部转换的元素，则不会尊重透视。

http://codepen.io/cavax/pen/MwPgxz

如果我删除边框半径，您可以看到元素具有透视。

任何想法？

我有一个奇怪的问题。

• 我想建立一个透视设置为 1500px 的网站。
• 这是一个单页网站，所以我添加了一个平滑滚动脚本。

但问题是，它不能正常工作......如果我推迟观点，一切正常吗？我该怎么做才能让它工作？

这是我的代码...

和流畅的滚动

我的内容在页面容器内，它是我的画布外导航的兄弟。

编辑：

它不会滚动到正确的位置...它会滚动，但不会滚动到具有 ID 的部分...

当您在 css3 中使用“透视”属性时，实际上它会为您提供不同的元素高度。

对于高度 200px、透视 400px 和旋转 45deg 的 div，实际大小将为 104px。

如何根据实际尺寸（104 像素）计算项目的角度（45 度）？