グラフィックソフトの透過背景を表すのに使われるチェック柄（市松模様）のアレをCSSだけで再現する

transparent_checker.css

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), 
  linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-size: 18px 18px;
  background-position: 0 0, 9px 9px;
  overflow: hidden;
}