3D矩阵：CSS3中3D变形中和2D变形一样也有一个3D矩阵功能函数matrix3d()。1.3D位移在CSS3中3D位移主要包括两种函数translateZ()和translate3d()。translate3d()函数使一个元素在三维matrix3d(n,n,n,n,n,n, n,n,n,n,n,n,n,n,n,n)定义3D 转换，使用16 个值的4x4 矩阵。translate3d(x,y,z)定义3D 转化。translateX(x)定义3D 转化，仅使用用于X 轴的值。

3.注意：1)transform: translate3d(0,-100%,0);中的-100%,是为了让子元素以自身内容，往上撑开自己的文本内容。好了，就这么多了，希望对小伙伴们有用！2017.10.31varx=document.getElementById("translateX").value; vary=document.getElementById("translateY").value; varz=document.getElementById("translateZ").value; 。

translate3d() CSS 函数在3D空间内移动一个元素的位置。这个移动由一个三维向量来表达，分别表示他在三个方向上移动的距离。语法translate3d(tx, ty, tz) 常量1 p { 2 width: 50px; 3 height: 50px; 4 background-color: teal; 5 } 6 7 .transformed { 8 transform: perspective(500px) translate3d(10px,0px,0px); 9 /* 。

moved { transform: perspective(500px) translate3d(10px, 0, 100px); background-color: pink; } 结果另见transform 本文档系腾讯云CSStranslate3d()函数用于在3D空间中移动元素。translate3d()函数的语法如下：transform: translate3d( tx , ty, tz); translate3d()函数用于在3D空间中移动元素。参数tx和ty可以。