文章详情页
css - 在空间坐标系中解释 translateZ 和 perspective？
浏览：146日期：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. docker容器呢SSH为什么连不通呢？2. docker start -a dockername 老是卡住，什么情况？3. docker - 各位电脑上有多少个容器啊？容器一多，自己都搞混了，咋办呢？4. Android TextView 或 ListView 加载过渡效果5. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””6. service mysql.server start 启动失败7. python - thrift 返回 TSocket read 0 bytes 求助!!!!8. 【python小白】 问关于之初始化一次对象的问题9. python - 为什么我直接用requests爬网页可以，但用scrapy不行？10. python3.x - python中import theano出错
排行榜
网公网安备