使用 3d 变换，我们可以将元素移动到 x 轴、y 轴和 z 轴。以下是 css3 3d 变换的一些方法 -
以下方法用于调用 3D 变换 -
| Sr.No. | 值和描述 |
|---|---|
| 1 | matrix3d(n,n, n,n,n,n,n,n,n,n,n,n,n,n,n,n) 用于使用矩阵的 16 个值来变换元素 |
| 2 | translate3d(x,y,z) 用于使用x轴变换元素,y轴和z轴 立即学习“前端免费学习笔记（深入）”； |
| 3 | translateX(x) 用于使用 x 轴变换元素 |
| 4 | translateY(y) 用于使用 y 轴变换元素 
Net112企业建站系统2.0 build 20120326
下载
Net112企业建站系统，共有：新闻模块，产品模块，案例模块，下载模块，相册模块，招聘模块，自定义模块，友情链接模块 八大模块。Net112企业建站系统附带其他辅助工具：内容采集工具，内容批量查找替换工具，静态页面生成工具，文件管理工具。Net112企业建站其他功能：图片水印功能，图片防盗链功能，相册批量上传功能。Net112企业建站系统使用：利用函数调用模块数据。方便、简单、快捷。适用范围：企业 |
| 5 | translateZ(z) 用于使用 y 轴变换元素 |
以下是 CSS3 3D 变换函数的代码 -
示例
现场演示
3D transform function example
输出
上面的代码将产生以下输出 -
