Created
October 7, 2011 22:42
-
-
Save mohsen1/1271512 to your computer and use it in GitHub Desktop.
CSS3 Background patterns
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*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