Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS3平移3D参数、行程距离或网格位置?_Html_Css - Fatal编程技术网

Html CSS3平移3D参数、行程距离或网格位置?

Html CSS3平移3D参数、行程距离或网格位置?,html,css,Html,Css,我的理解是,例如,如果我有translate3d10px,10px,0,这将简单地将对象从当前位置移动到10px向上和10px向右。这就是原因。然而,当构建一个非画布菜单时,我偶然发现了什么似乎与此相关 我首先调用translate3d-100%,0,0将我的菜单从视口中移除,它绝对位于流之外。然后,当我想显示它时,我调用translate3d0,0,0将它放到视图端口的左侧。但是从最初通过MDN对参数的描述来看,translate3d0,0,0根本不应该移动元素,那么为什么这样做有效呢 因为t

我的理解是,例如,如果我有translate3d10px,10px,0,这将简单地将对象从当前位置移动到10px向上和10px向右。这就是原因。然而,当构建一个非画布菜单时,我偶然发现了什么似乎与此相关
我首先调用translate3d-100%,0,0将我的菜单从视口中移除,它绝对位于流之外。然后,当我想显示它时,我调用translate3d0,0,0将它放到视图端口的左侧。但是从最初通过MDN对参数的描述来看,translate3d0,0,0根本不应该移动元素,那么为什么这样做有效呢

因为translate总是指它的原始位置,而不是从最后一个翻译位置开始。因此,先应用translate-100%,然后再应用translate 0就像是不在一个时间点进行翻译一样all@JonasGrumann他说它是在翻译thoughYes,因为translate0,0,0是它的原始位置,没有应用任何翻译,所以它基本上重置了-100%translation@JonasGrumann谢谢你的澄清,这很有道理!我没有意识到引用总是指向网格上的原始点,谢谢@凯西克,没错,我就是这么说的