Skip to content

Instantly share code, notes, and snippets.

@lyzadanger
Created August 23, 2011 18:02
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 lyzadanger/1166015 to your computer and use it in GitHub Desktop.
Save lyzadanger/1166015 to your computer and use it in GitHub Desktop.
Blue, Yellow, Red Plaid CSS Pattern (Webkit)
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font-size:100%;
background: -webkit-linear-gradient(90deg, transparent, transparent 15px, rgba(255,255,255,.1) 15px, rgba(255,255,255,.1) 30px) 0 0,
-webkit-linear-gradient(-180deg, transparent, transparent 15px, rgba(255,255,255,.1) 15px, rgba(255,255,255,.1) 30px) 15px 15px,
-webkit-linear-gradient(90deg, transparent, transparent 20px, rgba(255,0,0,.2) 20px, rgba(255,0,0,.2) 22px, transparent 22px) 0 0,
-webkit-linear-gradient(-180deg, transparent, transparent 18px, rgba(225,158,0,.3) 18px, rgba(225,158,0,.3) 24px, transparent 24px) 0 0,
-webkit-linear-gradient(-180deg, transparent, transparent 15px, rgba(0,100,50,1) 15px, rgba(0,100,50,1) 16px, transparent 16px) 0 0;
background-color: #3554a4;
background-size: 30px 30px;
font-family: "Georgia", serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment