您的位置：首页技术文章
文章详情页

在空间坐标系中解释 translateZ 和 perspective？

浏览：156日期：2024-05-27 17:34:19

问题描述

现在在研究 css3 3d 空间效果，不过查阅了很多资料，对 perspective 和 translateZ 只有书面上的概念理解，如果使用 空间坐标系理解这两个属性呢。同样还有个问题，在浏览器平面中，x轴的正方向是水平向右，y轴的正方向是垂直向下，那z轴呢？是垂直于显示器向外的方向还是向里的方向？？？

问题解答

回答1：

和以前数学课本里的空间直角坐标系差不多，不过Y轴向下是正的。Z轴向外为正值。初学perspective属性不好理解。其中perspective值为下图的d，translateZ值为下图中的Z，下图中的蓝色部分就是最终在页面上显示的结果。

在空间坐标系中解释 translateZ 和 perspective？

看下这篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html

上一条：这个过渡效果怎么写？下一条：请问带渐变背景的进度条如何实现？求给点思路
相关文章：
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）2. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题3. mysql多表联合查询优化的问题4. 数据库设计 - MySQL数据库主键问题5. MYSQL新建用户设置可以远程访问的问题6. linux - 为什么我在mysql的my.cnf下找不到bind-address？7. node.js - 我想让最后进入数据库的数据，在前台最先展示，如何做到？8. MySQL中的enum类型有什么优点？9. mysql字符串排序问题10. mysql 5.7单表300万数据，性能严重下降，如何破？
排行榜
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）
2. angular.js - 为什么Angular2和Ionic2都用TypeScript开发，TypeScript有什么优势吗？
3. angular.js - angularjs的自定义过滤器如何给文字加颜色？
4. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
5. Android TextView 或 ListView 加载过渡效果
6. javascript - 如何将 windows 下编辑器中的 CRLF 替换为 LF?
7. android-studio - Android studio中的这个框如何用快捷键打开?
8. mysql - 我的myeclipse一直连显示数据库连接失败，不知道为什么
9. Android自定义相机预览
10. MySQL中的enum类型有什么优点？
热门标签