Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div class="control-box"></div>
  <input type="radio" name="cf" id="confront-r">
  <input type="radio" name="cf" id="confront-g">
  <input type="radio" name="cf" id="confront-b">
  <input type="radio" name="cf" id="confront-p">
  <input type="radio" name="cf" id="confront-w">
  <input type="radio" name="cf" id="confront-y"> 
  <label for="confront-r"></label>
  <label for="confront-g"></label>
  <label for="confront-b"></label>
  <label for="confront-p"></label>
  <label for="confront-w"></label>
  <label for="confront-y"></label>
  <div class="container">
    <div class="box">
      <div class="outer color-r1"></div>
      <div class="outer color-r2"></div>
      <div class="outer color-r3"></div>
      <div class="outer color-r4"></div>
      <div class="outer color-r5"></div>
      <div class="outer color-r6"></div>
      <div class="outer color-r7"></div>
      <div class="outer color-r8"></div>
      <div class="outer color-r9"></div>
      <div class="outer color-g1"></div>
      <div class="outer color-g2"></div>
      <div class="outer color-g3"></div>
      <div class="outer color-g4"></div>
      <div class="outer color-g5"></div>
      <div class="outer color-g6"></div>
      <div class="outer color-g7"></div>
      <div class="outer color-g8"></div>
      <div class="outer color-g9"></div>
      <div class="outer color-w1"></div>
      <div class="outer color-w2"></div>
      <div class="outer color-w3"></div>
      <div class="outer color-w4"></div>
      <div class="outer color-w5"></div>
      <div class="outer color-w6"></div>
      <div class="outer color-w7"></div>
      <div class="outer color-w8"></div>
      <div class="outer color-w9"></div>
      <div class="outer color-y1"></div>
      <div class="outer color-y2"></div>
      <div class="outer color-y3"></div>
      <div class="outer color-y4"></div>
      <div class="outer color-y5"></div>
      <div class="outer color-y6"></div>
      <div class="outer color-y7"></div>
      <div class="outer color-y8"></div>
      <div class="outer color-y9"></div>
      <div class="outer color-b1"></div>
      <div class="outer color-b2"></div>
      <div class="outer color-b3"></div>
      <div class="outer color-b4"></div>
      <div class="outer color-b5"></div>
      <div class="outer color-b6"></div>
      <div class="outer color-b7"></div>
      <div class="outer color-b8"></div>
      <div class="outer color-b9"></div>
      <div class="outer color-p1"></div>
      <div class="outer color-p2"></div>
      <div class="outer color-p3"></div>
      <div class="outer color-p4"></div>
      <div class="outer color-p5"></div>
      <div class="outer color-p6"></div>
      <div class="outer color-p7"></div>
      <div class="outer color-p8"></div>
      <div class="outer color-p9"></div>
      <div class="inner top1"></div>
      <div class="inner top2"></div>
      <div class="inner top3"></div>
      <div class="inner top4"></div>
      <div class="inner top5"></div>
      <div class="inner top6"></div>
      <div class="inner top7"></div>
      <div class="inner top8"></div>
      <div class="inner top9"></div>
      <div class="inner btm1"></div>
      <div class="inner btm2"></div>
      <div class="inner btm3"></div>
      <div class="inner btm4"></div>
      <div class="inner btm5"></div>
      <div class="inner btm6"></div>
      <div class="inner btm7"></div>
      <div class="inner btm8"></div>
      <div class="inner btm9"></div>
      <div class="inner left1"></div>
      <div class="inner left2"></div>
      <div class="inner left3"></div>
      <div class="inner left4"></div>
      <div class="inner left5"></div>
      <div class="inner left6"></div>
      <div class="inner left7"></div>
      <div class="inner left8"></div>
      <div class="inner left9"></div>
      <div class="inner right1"></div>
      <div class="inner right2"></div>
      <div class="inner right3"></div>
      <div class="inner right4"></div>
      <div class="inner right5"></div>
      <div class="inner right6"></div>
      <div class="inner right7"></div>
      <div class="inner right8"></div>
      <div class="inner right9"></div>
      <div class="inner back1"></div>
      <div class="inner back2"></div>
      <div class="inner back3"></div>
      <div class="inner back4"></div>
      <div class="inner back5"></div>
      <div class="inner back6"></div>
      <div class="inner back7"></div>
      <div class="inner back8"></div>
      <div class="inner back9"></div>
      <div class="inner front1"></div>
      <div class="inner front2"></div>
      <div class="inner front3"></div>
      <div class="inner front4"></div>
      <div class="inner front5"></div>
      <div class="inner front6"></div>
      <div class="inner front7"></div>
      <div class="inner front8"></div>
      <div class="inner front9"></div>
    </div>
  </div>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers