admin管理员组

文章数量:1130349

在最开始的时候,子盒子是在屏幕上的,如图:

 现在我要将子盒子沿z轴正方向移动100px:也就是给子盒子添加:

transform:translateZ(100px),此时盒子不在屏幕上了

 但我们目前为止无法看到3d效果,也就是无法成像。

我只需要给父盒子添加perspective:值;让

父盒子变成手电筒

 这样就可以使得子盒子在屏幕上有个投影(就像在太阳下的影子一样),而这个值必须大于100px,否则你将看不到屏幕上的像。想想,若子在父的左边,父都看不到子,又怎么能看到子的像呢?

注:perspective是给父亲加的,因为他是在父亲眼中的儿子

 

在最开始的时候,子盒子是在屏幕上的,如图:

 现在我要将子盒子沿z轴正方向移动100px:也就是给子盒子添加:

transform:translateZ(100px),此时盒子不在屏幕上了

 但我们目前为止无法看到3d效果,也就是无法成像。

我只需要给父盒子添加perspective:值;让

父盒子变成手电筒

 这样就可以使得子盒子在屏幕上有个投影(就像在太阳下的影子一样),而这个值必须大于100px,否则你将看不到屏幕上的像。想想,若子在父的左边,父都看不到子,又怎么能看到子的像呢?

注:perspective是给父亲加的,因为他是在父亲眼中的儿子

 

本文标签: 眼中父亲儿子perspective