.div1 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  background-color: red;
  clip-path: polygon(
   50% 0%,
   100% 50%,
   50% 100%,
   0% 50%
  );
  
  &:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: '';
    width: 100px;
    height: 100px;
    background-color: green;
    clip-path: polygon(
     50% 0%,
     100% 50%,
     50% 100%,
     0% 50%
    );
  }
  
  &:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: '';
    width: 100px;
    height: 100px;
    background-color: blue;
    clip-path: polygon(
     50% 0%,
     100% 50%,
     50% 100%,
     0% 50%
    );
  }
}