Skip to content

Instantly share code, notes, and snippets.

@anon5r
Created March 4, 2013 04:41
Show Gist options
  • Save anon5r/5080000 to your computer and use it in GitHub Desktop.
Save anon5r/5080000 to your computer and use it in GitHub Desktop.
グラフィックソフトの透過背景を表すのに使われるチェック柄(市松模様)のアレを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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment