Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<style>
  div {
    transform-style: preserve-3d;
    
    position:absolute;
    width: 201px;
    height: 201px;
  }
  
  .grid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMYACAVBejBswAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABpSURBVGje7dWxDcAgDEVBk5W8Ezt5J3YyRQagTITuS3Q0V1hvzFodN2zW6u6O03u//fffE5cMBAQEBOSTjVmrM1PZld2NgICAgCi7siu7YwcBAQFRdmVXdhAQEBAQZVd2NwICAgICct4Gvv4C5AkPdrQAAAAASUVORK5CYII=);
  }
</style>
<div style="perspective:1000px;">
  <div style="transform:translateX(10px);">
    <div style="transform:translateZ(-100px); opacity:0.7" >
      <div class="grid" style="background-color:rgba(0,255,0,1); transform:translateZ(200px);"></div>
    </div>
    <div class="grid" style="background-color:rgba(0,0,255,1); transform:translateZ(30px);"></div>
  </div>
</div>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers