Skip to content

Instantly share code, notes, and snippets.

@JoostKiens

JoostKiens/graphy.css

Last active June 21, 2016 02:08
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JoostKiens/4995763 to your computer and use it in GitHub Desktop.
Save JoostKiens/4995763 to your computer and use it in GitHub Desktop.
Download ZIP
Graphing paper like background with CSS3 gradients. Inpired by Graphy on Subtle Patterns
Raw
graphy.css
/**
* Author: @joostkiens
* Licensed under the MIT license
*/
body {
background:
linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px),
linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px),
linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
linear-gradient(-90deg, #aaa 1px, transparent 1px),
linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
linear-gradient(#aaa 1px, transparent 1px),
#f2f2f2;
background-size:
4px 4px,
4px 4px,
80px 80px,
80px 80px,
80px 80px,
80px 80px,
80px 80px,
80px 80px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment