Skip to content

Instantly share code, notes, and snippets.

@mohsen1
Created October 7, 2011 22:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mohsen1/1271512 to your computer and use it in GitHub Desktop.
Save mohsen1/1271512 to your computer and use it in GitHub Desktop.
CSS3 Background patterns
/*Kitchen*/
.kitchen{background: -webkit-linear-gradient(45deg, rgba(255,0,0,0.5) 25%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.5) 50%, rgba(255,0,0,0.5) 50%, rgba(255,0,0,0.5) 75%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0.5) 100%),
-webkit-linear-gradient(-45deg, rgba(255,0,0,0.5) 25%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.5) 50%, rgba(255,0,0,0.5) 50%, rgba(255,0,0,0.5) 75%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0.5) 100%);
background-size:100px 100px;
}
/*wave*/
body{background: -webkit-radial-gradient(top left, transparent 0, transparent 40px, gold 40px, gold 50px, transparent 50px),
-webkit-radial-gradient(bottom right, transparent 0, transparent 50px, gold 50px, gold 60px, transparent 50px);
background-size:100px 100px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment