webkit-perspective相关内容

Safari中的CSS透视图/转换Z的问题

第一次使用透视和转换Z,我在使用Safari时遇到了一点问题。 我正在使用代码为我正在构建的站点创建一个简单的视差效果,它在Firefox和Chrome中可以正常工作,但在Safari中不能正常工作。Safari似乎在应用透视属性的容器的底部添加了填充,这在其他提到的浏览器上是不会发生的。 我查看了Safari的调试工具,以查看是否在不应该添加的位置添加了任何填充或页边距,但似乎并非如 ..
发布时间:2022-09-06 23:11:26 前端开发

如何计算变换后的曲面的绝对位置

当您在div上使用transform时,绝对定位不再像您预期的那样工作,似乎需要手动计算。例如,当您希望div位于容器的底部时,您可以这样做: div{ position:absolute; bottom:0%; } 但如果您像-webkit-transform:rotateX(angle);那样转换此div,它将不会位于容器的底部。容器之间的位置取决于其大小。 我 ..
发布时间:2022-07-20 09:27:26 前端开发

如何使用CSS透视图将元素定位在正确的3D位置

我正试图找到一种方法来将元素映射到以给定角度放置的照片元素之上。笔记本电脑的照片就是一个很好的例子,例如,我想在屏幕顶部映射一个元素(视频,图像或其他),比如说循环播放视频等。 任务似乎很容易,但是我发现它很棘手,因为我找不到如何通过旋转,缩放,平移甚至歪斜变换正确解决问题的方法。 以下是我要实现的代码示例,元素是绿色的SPAN Html: ..
发布时间:2020-10-12 01:56:13 前端开发

检查硬件加速可用性? (可以测试)

我编写了使用-webkit-transform,-webkit-perspective和其他类似方法的CSS.我的设计在可以使用硬件加速但实际上无法使用的机器上看起来有些屈膝.如何检查硬件加速可用性并提供后备CSS? 旁注:运行chrome://gpu-internals/手动检查可用性. 解决方案 可悲的是,答案似乎是“你还不能(还)". Modernizr项目在其“无法检测 ..

-webkit-perspective是什么?

“简单”的问题,我找不到答案 - -webkit-perspective 实际上是在数学上做什么? (我知道它的效果,它基本上像焦距控制​​)。 -webkit-perspective:500 是什么意思?? 我需要找到屏幕上的位置使用 -webkit-perspective 解决方案 p> CSS 3D转换模块工作草稿提供了以下说明: 透视() 透视投影 ..
发布时间:2017-02-18 23:55:26 前端开发

Bug与CSS -moz透视

我有一个错误的透视属性.. 如果你看到这JSFiddle代码在Chrome浏览器(v33)和Mozilla Firefox(v28),我有他们之间的区别.. 如果我评论的代码,我可以重现这个错误代码: $ b b -webkit-perspective:2500px; -moz-perspective:2500px; 透视:2500px; 如何在两个浏览器上都有相 ..
发布时间:2017-02-13 10:29:15 前端开发