2D和3D的區(qū)別
- 2D是一個平面, 只有高度和寬度.
- 3D是一個立體, 有高度和寬度還有厚度.
- 元素默認(rèn)情況下都是以2D展現(xiàn)的.
- 要想讓元素顯示3D效果 , 只需要給需要展示3D效果的元素的父元素添加
transfrom-style
:preserve-3d
即可 - 注意點: 要想看到3D效果需要注意以下幾點.
- 不要給元素的父元素設(shè)置
overflow:hidden;
- 給父元素設(shè)置透視屬性
perspective:500px;
- 給父元素設(shè)置
transform-style:preserve-3d;
- 不要給元素的父元素設(shè)置