CSS函数translatetranslate3d的使用

　　translate（）和translate3d（）函数可以实现元素在指定轴的平移的功能。函数使用在CSS转换属性transform的属性值。实现转换的函数类型有：translate（）：2D平面实现X轴、Y轴的平移translate3d（）：3D空间实现位置的平移translateX（）：实现X轴方向的元素移动translateY（）：实现Y轴方向的元素移动translate（）
　　translate（）函数用于移动元素在2D平面的位置，其语法格式如下：translate（tx）或translate（tx，ty）tx：需要移动的x轴距离ty：需要移动的y轴距离
　　示例代码如下：style。container。translatepp｛display：inlineblock；padding：30px；backgroundcolor：aqua；｝。container。translatep。result｛transform：translate（10px，10px）；backgroundcolor：red；｝styleh3translate函数使用h3originalcontainertranslate函数使用（100，200）container
　　展示结果：
　　translate3d（）
　　translate3d（）函数用于将元素在3D空间中移动一个元素的位置。语法格式如下：translate3d（tx，ty，tz）tx：移动元素X轴位置。ty：移动元素Y轴位置。tz：移动元素z坐标，不能是百分比。
　　示例代码如下：style。container。translate3dpp｛display：inlineblock；padding：30px；backgroundcolor：aqua；｝。container。translate3dp。result｛transform：perspective（500px）translate3d（10px，0px，100px）；backgroundcolor：red；｝styleh3translate3d函数使用h3originalcontainertranslate3d（10px，0px，100px）函数使用container
　　展示结果：
　　translateX（）
　　translateX（）函数用于移动2D平面上的X轴距离，其语法格式如下：translateX（t）
　　示例代码如下：style。container。translateXpp｛display：inlineblock；padding：30px；backgroundcolor：aqua；｝。container。translateXp。result｛transform：translateX（100px）；backgroundcolor：red；｝styleh3translateX函数使用h3originalcontainertranslateX（10px）函数使用containerr
　　展示结果：
　　translateY（）
　　translateY（）函数用于移动2D平面上的Y轴距离，其语法格式如下：translateY（t）
　　示例代码如下：style。container。translateYpp｛display：inlineblock；padding：30px；backgroundcolor：aqua；｝。container。translateYp。result｛transform：translateY（10px）；backgroundcolor：red；｝styleh3translateY函数使用h3originalcontainertranslateY（10px）函数使用containerr
　　展示结果：
　　ranslateZ（）
　　translateZ（）函数用于移动3D空间上的Z轴距离，其语法格式如下：translateZ（t）
　　示例代码如下：style。container。translateZpp｛display：inlineblock；padding：30px；backgroundcolor：aqua；｝。container。translateZp。result｛transform：perspective（200px）translateZ（100px）；backgroundcolor：red；｝styleh3translateZ函数使用h3originalcontainertranslateZ（100px）函数使用containerr
　　展示结果：