透视是写在被观察元素的父盒子上面的
d:就是视距,视距是一个人的眼睛到屏幕的距离
z:就是z轴,物体距离屏幕的距离,z轴越大(正值),我们看到的物体越大
<style>
body {
/* 近大远小 */
perspective: 400px;
}
div {
width: 100px;
height: 100px;
background-color: red;
transform: translate3d(650px, 100px, 100px);
}
</style>
</head>
<body>
<div></div>
</body>
运行效果: