web前端-CSS3 3D转换

2D和3D的区别

• 2D是一个平面, 只有高度和宽度.
• 3D是一个立体, 有高度和宽度还有厚度.
• 元素默认情况下都是以2D展现的.
• 要想让元素显示3D效果 , 只需要给需要展示3D效果的元素的父元素添加transfrom-style:preserve-3d即可
• 注意点: 要想看到3D效果需要注意以下几点.
  1. 不要给元素的父元素设置overflow:hidden;
  2. 给父元素设置透视属性perspective:500px;
  3. 给父元素设置transform-style:preserve-3d;