ทดลอง box P

✨ Orang Utan

<html>
  <head>
    <title>ลูกข่าง</title>
    <style>
      body{
        background: /*linear-gradient(#136547, #254569)*/;
        margin: 1em;
      }
      
      .all_plate{
        background: /*linear-gradient(hsl(20,60%,60%),hsl(50,75%,70%))*/;
        width:300px;
        height:300px;
        position:relative;
      }
      
      .plate{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: linear-gradient(hsl(180,60%,60%),hsl(90,75%,70%));
        opacity:.4;
      }
      
      .p1{
        background: red;
        
      }
      
      .p2{
        background: orange;
        
      }
      
      .p3{
        background: yellow;
        
      }
      
      .p4{
        background: green;
        
      }
      
    </style>
  </head>
  <body>
    <div class="all_plate">
      <div class="plate p1"> </div>
      <div class="plate p2"> </div>
      <div class="plate p3"> </div>
      <div class="plate p4"> </div>
    </div>
  </body>
</html>