Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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