Skip to content

Instantly share code, notes, and snippets.

@cossssmin
Created September 23, 2018 19:18
Show Gist options
  • Save cossssmin/a65984df76e3326f5844623ccf1271bc to your computer and use it in GitHub Desktop.
Save cossssmin/a65984df76e3326f5844623ccf1271bc to your computer and use it in GitHub Desktop.
Graph Paper CSS-only background
.bg-graph-paper {
background-color: #fff;
background-image: linear-gradient(rgba(244,244,250,.8) 1px,transparent 0),
linear-gradient(#f4f4fa 1px,transparent 0),
linear-gradient(90deg,rgba(244,244,250,.8) 1px,transparent 0),
linear-gradient(90deg,#f4f4fa 1px,transparent 0),
linear-gradient(transparent 3px,#fff 0,#fff 94px,transparent 0),
linear-gradient(90deg,#f4f4fa 3px,transparent 0,transparent 94px,#f4f4fa 0);
background-size: 24px 24px,96px 96px,24px 24px,96px 96px,96px 96px,96px 96px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment