Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<div id=d1></div>
<div id=d2>
</body>
    </html>
 
div {
  background:rgba(0,0,0,0.6);
    width:100px;
    height:100px;
}
#d1 {
  outline:solid red;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
}
#d2 {
  margin-top: -50px;
  margin-left: 50px;
    transform: translateZ(-1px);
  -webkit-transform: translateZ(-1px);
}
body {
  perspective:15px;
  -webkit-perspective:15px;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
frivoalpro
0viewers