Skip to content

Instantly share code, notes, and snippets.

@mnafricano
Created October 18, 2012 13:34
Show Gist options
  • Save mnafricano/3911832 to your computer and use it in GitHub Desktop.
Save mnafricano/3911832 to your computer and use it in GitHub Desktop.
Backstripe
/**
* Backstripe
*/
body {
margin: 0;
height: 100%;
background: linear-gradient(top, #ffff00 0%, #ff0000 100%),
linear-gradient(top, #e20687 0%, #a21465 100%),
linear-gradient(top, #d8479e 0%, #a1c4d1 100%),
linear-gradient(top, #f9d307 0%, #8cc9d7 100%),
linear-gradient(top, #0077aa 0%, #50a3d8 100%),
linear-gradient(top, #a1c4d1 0%, #d8479e 100%),
linear-gradient(left, #1e5799 4%, #1f9b7e 4%,
#1f9b7e 8%, #ffffff 8%,
#ffffff 10%, #5d24b7 10%,
#5d24b7 11%, #be2e2e 11%,
#be2e2e 13%, #ffffff 13%,
#ffffff 15%, #d6942a 15%,
#d6942a 17%, #b8d899 17%,
#b8d899 21%, #ffffff 21%,
#ffffff 27%, #8ace31 27%,
#8ace31 34%, #ffffff 34%,
#ffffff 36%, #f6b818 36%,
#f6b818 40%, #e63737 40%,
#e63737 44%, #ffffff 44%,
#ffffff 52%, #ff0000 52%,
#ff0000 54%, #ffffff 54%,
#ffffff 60%, #e20687 60%,
#e20687 64%, #ffffff 64%,
#ffffff 70%, #8cd5f7 70%,
#8cd5f7 72%, #ffffff 72%,
#ffffff 73%, #ec6529 73%,
#ec6529 74%, #ffffff 74%,
#ffffff 75%, #d6942a 75%,
#d6942a 76%, #fbe90f 76%,
#fbe90f 81%, #ffffff 81%,
#ffffff 85%, #1e5799 85%,
#1e5799 88%, #8ace31 88%,
#8ace31 89%, #ffffff 89%,
#ffffff 92%, #ffe60a 92%,
#ffe60a 94%, #f70909 94%,
#f70909 96%, #8ace31 96%,
#8ace31 99%, #ffffff 99%,
#ffffff 99.5%, #d6942a 99.5%);
background-size: 2% 100%, 3% 100%, 5% 100%, 2% 100%, 1% 100%, 2% 100%, 100% 1em;
background-position: 12%, 23%, 48%, 55%, 59%, 64%, 0%;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
}
<!-- content to be placed inside <body>…</body> -->
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment