Double Shadows

by kaikemono

HTML

<div></div>

<p>By <a href="http://twitter.com/pepelsbey">Vadim</a></p>

CSS

body {      
      margin:0;
      padding:200px;
      background:#555;
      color: #fff;
      font-family: sans-serif;
      }
    div {
      width:30px;
      height:30px;
      -webkit-border-radius:15px;
      -moz-border-radius:15px;
      border-radius:15px;
      background:#FFF;
      -webkit-box-shadow:0 0 0 0px #ee4037, 0 0 0 60px #f47737, 0 0 0 90px #f0ed7a, 0 0 0 120px #81bc44, 0 0 0 150px #a8d7eb;
      -moz-box-shadow:0 0 0 30px #ee4037, 0 0 0 60px #f47737, 0 0 0 90px #f0ed7a, 0 0 0 120px #81bc44, 0 0 0 150px #a8d7eb;
      box-shadow:
        0 0 0 30px #ee4037,
        0 0 0 60px #f47737,
        0 0 0 90px #f0ed7a,
        0 0 0 120px #81bc44,
        0 0 0 150px #a8d7eb;
      }

p { position: absolute; top: 1em; left: 1em; }
a { color: indianred; }