albertywu · July 10, 2014 16:13 · albertywu · Jul 10, 2014
diff --git a/jsbin.hamof.css b/jsbin.hamof.css
 .box {
  width: 100px;
  height: 100px;
  border: 10px solid blue;
  margin: 30px;
 }

 .out {
  box-shadow: 10px 0;
 }

 .in {
  box-shadow: inset 10px 0;
 }

 .corner {
  box-shadow: 10px 10px;
 }

 .around-out {
  box-shadow: 0 0 0 10px green;
 }

 .around-in {
  box-shadow: inset 0 0 0 10px green;
 }
diff --git a/jsbin.hamof.html b/jsbin.hamof.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
  <title>JS Bin</title>
 </head>
 <body>
  <div class="box out"></div>
  <div class="box in"></div>
  <div class="box corner"></div>
  <div class="box around-out"></div>
  <div class="box around-in"></div>
 </body>
 </html>
No results found