使用css制作3D盒子,目的是把盒子并列制作成3D货架

注意事项:这个正方体的其他面的角度很难调,因此如果想动态生成,需要很复杂的设置动态的角度,反正我是折腾了半天没继续搞下去,

1. 首先看效果(第一个五颜六色的是透明多个面,第2-3都是只有3个面是我实际需要的,右边的有3个并列的正方体与3个并列的长方体):

使用css制作3D盒子,目的是把盒子并列制作成3D货架_第1张图片

长方体与正方体,所有代码:




  
  
  
  Document

  


  

  
父元素
top
bottom
front
back
left
right
父元素
父元素



你可能感兴趣的:(css,css,前端)