文章详情页
在空间坐标系中解释 translateZ 和 perspective？
浏览：85日期：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. 为什么我ping不通我的docker容器呢？？？2. 服务器端 - 采用nginx做web服务器，C++开发应用程序 出现拒绝连接请求？3. 关于docker下的nginx压力测试4. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型？5. javascript - vue 移动端的input 数字输入优化6. javascript - npm start 运行’webpack-dev-server’报错 Cannot find module ’webpack’7. python - pandas按照列A和列B分组，将列C求平均数，怎样才能生成一个列A,B,C的dataframe8. HTML5禁止img预览该怎么解决？9. javascript - nidejs环境设置操作一直出现这种问题怎么解决？10. javascript - Angular controlller控制域和原生js的关系
排行榜
网公网安备