如何使用CSS 3D透视生成器
使用CSS 3D透视生成器非常简单,只需三个步骤:
-
输入内容
在工具的输入区域输入或粘贴您的内容。工具支持标准的输入格式,所有处理都在您的浏览器本地完成。
-
配置并处理
根据需要调整设置来自定义输出,然后点击主要操作按钮处理内容。结果即时显示,无需等待服务器。
-
复制或下载结果
使用"复制"按钮将结果复制到剪贴板,或使用"下载"保存为文件。您的数据不会离开您的设备。
常见问题
什么是CSS perspective?
CSS perspective定义了用户视线与z=0平面之间的距离。值越小3D效果越强烈,值越大3D效果越平缓。
perspective-origin有什么作用?
perspective-origin决定3D空间的消失点位置。改变它相当于移动观察角度,就像你移动头部观察一个3D物体。
生成的CSS可以直接用于生产吗?
可以。所有生成的CSS属性都是标准的CSS3属性,在主流浏览器中均可使用。复制CSS代码直接应用到你的项目中即可。
perspective和transform:perspective()有什么区别?
父元素上的perspective为所有子元素创建共享3D空间。transform:perspective()只应用于单个元素,在变换链中使用。