文章详情页
在空间坐标系中解释 translateZ 和 perspective？
浏览：109日期：2024-05-27 17:34:19
问题描述
现在在研究 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. javascript - 最终生成的jsBundle文件压缩问题2. android - 启动模拟器的，报“Could not automatically detect an ADB binary……”，要怎么解决？3. python - TypeError: tryMsgcode() takes exactly 2 arguments (0 given)4. 关于Java引用传递的一个困惑？5. 如何分别在Windows下用Winform项模板+C#，在MacOSX下用Cocos Application项目模板+Objective-C实现一个制作游戏的空的黑窗口？6. angular.js - angularjs的自定义过滤器如何给文字加颜色？7. 关于docker下的nginx压力测试8. android clickablespan获取选中内容9. docker安装后出现Cannot connect to the Docker daemon.10. javascript - 关于json中获取多个key-value对中多层嵌套key的name
排行榜
网公网安备