Skip to content

Instantly share code, notes, and snippets.

@alienlebarge
Created July 18, 2012 13:38
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save alienlebarge/3136266 to your computer and use it in GitHub Desktop.
Save alienlebarge/3136266 to your computer and use it in GitHub Desktop.
Square Pattern CSS
background: #ffffff;
background-image:
/*circle*/
radial-gradient(rgba(255, 255, 255, 1) 30%, rgba(255,255,255,0) 35%),
/*horizontal white lines*/
linear-gradient(rgba(255, 255, 255, 1) 2px, transparent 2px),
/*vertial green lines*/
linear-gradient(0, rgba(0, 100, 0, 0.3) 3px, rgba(255, 255, 255, 1) 3px),
/*left to right gradient*/
linear-gradient(0, rgba(0, 100, 0, 1), transparent);
background-repeat:
no-repeat,
repeat,
repeat,
repeat;
background-size:
170% 400px,
5px 5px,
5px 75px,
100% 100%;
background-position:
64% -240px,
-4px -4px,
1px 1px,
0px 0px;
<!-- content to be placed inside <body>…</body> -->
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment