文章详情页
在空间坐标系中解释 translateZ 和 perspective?
问题描述
现在在研究 css3 3d 空间效果,不过查阅了很多资料,对 perspective 和 translateZ 只有书面上的概念理解,如果使用 空间坐标系理解这两个属性呢。同样还有个问题,在浏览器平面中,x轴的正方向是水平向右,y轴的正方向是垂直向下,那z轴呢?是垂直于显示器向外的方向还是向里的方向???
问题解答
回答1:和以前数学课本里的空间直角坐标系差不多,不过Y轴向下是正的。Z轴向外为正值。初学perspective属性不好理解。其中perspective值为下图的d,translateZ值为下图中的Z,下图中的蓝色部分就是最终在页面上显示的结果。
看下这篇文章:http://cdn1.w3cplus.com/css3/transform-basic-property.html
上一条:这个过渡效果怎么写?下一条:请问带渐变背景的进度条如何实现?求给点思路
相关文章:
1. 请问带渐变背景的进度条如何实现?求给点思路2. javascript - 读js权威指南“作为值得函数”产生了疑惑,求释疑3. python3.x - python中的虚拟环境怎样设置一直处于激活状态4. boostrap怎么在移动端不显示sidebar?5. 网页爬虫 - Python爬虫返回状态码与实际情况不符?6. arguments问题7. mysql - 数据库建字段,默认值空和empty string有什么区别 1108. python中merge后文件莫名变得非常大9. file - Python如何读文件内容修改后写回原文件10. javascript - 为什么 process.stdin 会有 write 方法◔ ‸◔?
排行榜