Skip to content

Instantly share code, notes, and snippets.

@avaly
Created December 19, 2011 12:22
Show Gist options
  • Save avaly/1496986 to your computer and use it in GitHub Desktop.
Save avaly/1496986 to your computer and use it in GitHub Desktop.
CSS3 Gradient Pattern "Half-Rombes"
background: #36c;
background:
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.5) 75%) 0 0,
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.5) 75%) 0 0,
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.5) 75%) 7px -15px,
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.5) 75%) 7px -15px,
#36c;
background-size: 15px 30px;
min-height: 100%;
<!-- content to be placed inside <body>…</body> -->
{"page":"css","view":"split"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment