Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="box-shadow-css-drawing">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div class="box-shadow-trick"></div>
</body>
</html>
 
.box-shadow-trick {
    background: #000;
    height: 10px;
    width: 10px;
    box-shadow: 10px 0    0 #f00,
                20px 0    0 #000,
                30px 0    0 #f00,
                0    10px 0 #f00,
                10px 10px 0 #000,
                20px 10px 0 #f00,
                30px 10px 0 #000,
                0    20px 0 #000,
                10px 20px 0 #f00,
                20px 20px 0 #000,
                30px 20px 0 #f00,
                0    30px 0 #f00,
                10px 30px 0 #000,
                20px 30px 0 #f00,
                30px 30px 0 #000;
}
Output

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

Dismiss x