如何使用CSS3实现3D效果?

一、首先先做一个平面的3D效果。 1.要显示3D效果必须添加perspective(景深),值为px,为观察距离,即观察点到屏幕的距离(Z轴)。 代码和效果图如下: 二、做一个立方体的3D效果。 1.首先在最外层的容器中加上景深perspective,设置值稍微大点,否则拉伸变形影响效果。 2.有厚度的模型需要添加代码transform-stylre:preserve-3d;进行3D转换,以便能显
相关文章
相关标签/搜索