Skip to content

Instantly share code, notes, and snippets.

@morcmarc
Created March 26, 2013 13:09
Show Gist options
  • Save morcmarc/5245228 to your computer and use it in GitHub Desktop.
Save morcmarc/5245228 to your computer and use it in GitHub Desktop.
Resizable grid overlay in CSS. The `background-size` attribute controls the dimension.
.grid {
background-color: #222222;
background-image: -webkit-linear-gradient(#444444 1px, transparent 1px), -webkit-linear-gradient(0deg, #444444 1px, transparent 1px);
background-image: linear-gradient(#444444 1px, transparent 1px), linear-gradient(90deg, #444444 1px, transparent 1px);
background-size: 10px 10px, 10px 10px;
border: 1px solid #444444;
border-width: 0 1px 1px 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment