Skip to content

Instantly share code, notes, and snippets.

@roachhd

roachhd/style.css

Created November 10, 2014 01:26
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 roachhd/84a899f62b1ac1be30a8 to your computer and use it in GitHub Desktop.
Save roachhd/84a899f62b1ac1be30a8 to your computer and use it in GitHub Desktop.
Download ZIP
Sexy styles
Raw
style.css
html {
background-color: hotPink;
background-image: linear-gradient(
hsla(0,0%,100%,.5) 10%,
hsla(0,0%,100%,.4) 10%, hsla(0,0%,100%,.4) 20%,
hsla(0,0%,100%,.3) 20%, hsla(0,0%,100%,.3) 30%,
hsla(0,0%,100%,.2) 30%, hsla(0,0%,100%,.2) 40%,
hsla(0,0%,100%,.1) 40%, hsla(0,0%,100%,.1) 50%,
hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,0) 60%,
hsla(0,0%,0%,.1) 60%, hsla(0,0%,0%,.1) 70%,
hsla(0,0%,0%,.2) 70%, hsla(0,0%,0%,.2) 80%,
hsla(0,0%,0%,.3) 80%, hsla(0,0%,0%,.3) 90%,
hsla(0,0%,0%,.4) 90%
),
linear-gradient(left,
hsla(0,0%,100%,.5) 10%,
hsla(0,0%,100%,.4) 10%, hsla(0,0%,100%,.4) 20%,
hsla(0,0%,100%,.3) 20%, hsla(0,0%,100%,.3) 30%,
hsla(0,0%,100%,.2) 30%, hsla(0,0%,100%,.2) 40%,
hsla(0,0%,100%,.1) 40%, hsla(0,0%,100%,.1) 50%,
hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,0) 60%,
hsla(0,0%,0%,.1) 60%, hsla(0,0%,0%,.1) 70%,
hsla(0,0%,0%,.2) 70%, hsla(0,0%,0%,.2) 80%,
hsla(0,0%,0%,.3) 80%, hsla(0,0%,0%,.3) 90%,
hsla(0,0%,0%,.4) 90%
);
background-size: 100% 100%;
height: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment