Pure-CSS Space Invader

invader.css

/**
 * Pure-CSS Space Invader, adapted to a 2px pixel size from
 * the original example at CSS-Tricks "The Shapes of CSS"
 *
 * @link: http://css-tricks.com/examples/ShapesOfCSS/
 */

.invader {
  box-shadow:
    -4px -2px white, 4px -2px white,
    -4px -2px 0 2px, 0 -2px 0 2px, 4px -2px 0 2px,
    -4px 0 0 2px, 0 0 0 2px, 4px 0 0 2px,
    -6px -8px, 6px -8px,
    -4px -6px, 4px -6px,
    -8px -2px, 8px -2px,
    -10px 0, -8px 0, 8px 0, 10px 0,
    -10px 2px, 10px 2px,
    -10px 4px, -6px 4px, 6px 4px, 10px 4px,
    -4px 6px, -2px 6px, 2px 6px, 4px 6px;
  color: black;
  background: black;
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 11px 3px;
  overflow: hidden;
}