回答情况：
提问时间：
问题标签：
在我的网站的CSS中，我使用了相当多的translate3d()来制作一些漂亮的动画。事情是，所有这些动画是2d，我一直在使用translate3d()，以利用GPU渲染在适用的地方。换句话说，我一直在使用以下内容：
transform: translate3d(50%, 50%, 0);和动画它，而transform: translate(50%, 50%);将实现相同的视觉效果，现在，我在CanIUse上做了一些工作，我发现，不幸的是，当谈到Internet (当然)它有点缺乏对translate3d()的支持，对2d
浏览 0提问于2016-04-11得票数 1
回答已采纳
Sass给了我一个错误:未知函数'translate3d'，非常困惑为什么sass不认识它。80px;pointer-events: none;position: fixed;
transform: translate3d
浏览 1提问于2022-01-25得票数 2
回答已采纳
有没有人能解释一下或者给我举一个使用translate3d (webkit转换)中的"z“的例子？我已经成功地使用translate3d(x,y,0)在mobile Safari上获得了硬件加速的2D动画，但现在我正在尝试使用z参数进行缩放，但它似乎没有任何效果……elem.style.WebkitTransform = '
浏览 0提问于2011-09-22得票数 1
回答已采纳
如何将CSS tx的位置从translate3d(tx, ty, tz)更改？transform translate属性来自JavaScript。我不想换别的财产。我只需要改变tx的位置。CSS代码：transform: translate3d(93px, -185px, 0)或transform: translate3d(58px, -130px, 0)。它应该替换为transform: translate3d(0, -185px, 0)或transform: translate3d(0, -130px
浏览 5提问于2022-10-16得票数 0
height = height / 1;
transform: translate3d(0px, 2px, 0px);transform: transl
浏览 69提问于2019-05-31得票数 1
我想在右边显示一个div，这正是下面的CSS所做的，但是使用translate3d。div { -moz-transform: translate3d(100vw,0,0);-o-transform: translate3d(100vw,0,0);}
更新请检查小提琴。我需要使用translate3d的相同的
浏览 1修改于2014-07-28得票数 2
回答已采纳
我发现使用translate3d在移动和桌面上都提供了一个非常流畅的、漂亮的动画。: translate3d(0, 100%, 0); tranform: translate3d(-100%, 0, 0); tranform: translate3d(-100%, 0, 0);最近，我开始研究不同的框架，这些框架似乎得到了很大的关注。translate3d和矩阵有什么区别？使用矩阵是否比<em
浏览 7修改于2015-02-06得票数 9
回答已采纳
我正在尝试用jQuery2.1.1来激活translate3d。再过10秒。然后，当动画完成时，我想让它提醒我。但问题是它没有动画效果。它会立即切换到新的css。 duration : 10000, $(this).css("transform","translate3d
浏览 0修改于2014-12-05得票数 6
回答已采纳
因此，代码transform: translate3d(0,0,0);使position:fixed;无法工作。通过删除它，我现在可以再次使用position:fixed;了。.nav-content { box-shadow: 0 0 5px rgba(0,0,0,1); transition: transform .3s; transform: translate3d(220px,0,0)
浏览 1提问于2016-11-25得票数 0
回答已采纳
它的工作方式如下： -webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility:
浏览 1提问于2015-01-17得票数 3
回答已采纳
如何将负的translate3d值转换为正数？例如：console.log(val); // this returns a number like: translate3d(-93px, 0, 0);translate3d(93px, 0, 0); // positive 93
浏览 4修改于2013-03-26得票数 1
我有一系列动态旋转的按钮：<button type="button" class="picker-opt" opt-index="2" style="transform: rotateX(6
浏览 7提问于2020-02-23得票数 0
如何添加一些代码以使我的translate3d effect也能在firefox.上工作jquery代码是：if (st > lastScrollTop){
$('div#search-apartm
浏览 6修改于2014-03-12得票数 0
回答已采纳
在Javascript中，当我通过translate3d方法使用gpu移动元素时，元素样式-左的位置根本不会改变。由于cpu甚至不知道任何运动已经发生。在通过translate3d移动元素之后，如何跟踪元素的新位置？
浏览 5修改于2015-02-04得票数 5
回答已采纳
webkit-keyframes slideInViewport { -webkit-transform: scale(1); } -webkit-transform: scale(0.8);我已经在left属性上实现了这个动画，但是这导致
浏览 3提问于2013-11-18得票数 5
回答已采纳
但是现在我需要更改转换:滑块的translate3d值，以便正确显示它。但是怎么做呢？如果使用此语法，将出现以下错误： transform: translate3d(-400px, 0, 0)
ReferenceError:未定义translate3d
浏览 0提问于2014-12-04得票数 2
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号