文章详情页
css - 在空间坐标系中解释 translateZ 和 perspective？
浏览：175日期：2023-07-09 09:49:34
问题描述
现在在研究 css3 3d 空间效果，不过查阅了很多资料，对 perspective 和 translateZ 只有书面上的概念理解，如果使用 空间坐标系理解这两个属性呢。同样还有个问题，在浏览器平面中，x轴的正方向是水平向右，y轴的正方向是垂直向下，那z轴呢？是垂直于显示器向外的方向还是向里的方向？？？
问题解答
回答1：和以前数学课本里的空间直角坐标系差不多，不过Y轴向下是正的。Z轴向外为正值。初学perspective属性不好理解。其中perspective值为下图的d，translateZ值为下图中的Z，下图中的蓝色部分就是最终在页面上显示的结果。
看下这篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
标签：
CSS
上一条：css3 - css六边形问题下一条：css3 - 求css页面解决方案
相关文章：
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）2. MYSQL新建用户设置可以远程访问的问题3. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题4. java - mybatis怎么实现在数据库中有就修改,没有就添加5. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？6. mysql多表联合查询优化的问题7. MySQL中的enum类型有什么优点？8. 数据库 - mysql 远程可以连接，但是本地连接拒绝？9. 数据库设计 - MySQL数据库主键问题10. linux - 为什么我在mysql的my.cnf下找不到bind-address？
排行榜
![$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题](http://www.haobala.com/attached/image/news/202205/093622cb60.png)
网公网安备